サポート » 使い方全般 » ビジュアルエディタ及びテキストエディタでの改行について

  • ホームページビルダー17を購入し、ビルダーの編集画面でホームページを作成中です。ビルダーとwordpressは連携しているので、wordpressを用いて固定ページを編集しようとしたのですが、ビジュアルエディタで改行するとその画面では確かに改行されているんですが、いざプレビュー画面を見ると改行されてませんし、テキストエディタを見ても<p>,</p>や改行のタグも表示されません。これはバグなのでしょうか?いったいどうすれば改善されるのでしょうか?ホームページ作成やHTMLは初心者であまり知識はありません。使っているOSはwindows7です。
    分かりやすく教えていただけたら幸いです。よろしくお願いします。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • こんにちは

    テキストエディタを見ても<p>,</p>や改行のタグも表示されません。これはバグなのでしょうか?

    バグではありません。テキストエディタで、P要素を使った場合は、それが適用されます

    テキストエディタでP要素を使わないで、改行を1回行えば、段落内改行、2回以上の連続した改行は、それぞれひとつの段落として、p要素が補われます

    ビジュアルエディタの場合は、shift+改行で、段落内改行(br)二回の改行で、それぞれ段落に、3回以上の段落は、余分な改行に対して、<p> </p>が追加されるようです。

    挙動は、WordPressのバージョンにより異なります。

    他のタグとの組み合わせでは、バグがあるかもしれません

    http://ja.forums.wordpress.org/topic/24066?replies=2

    p要素がまったく反映しない場合は、プラグインやテーマによる障害の場合もあります

    問題解決のためのチェックリストやホームページビルダー17のサポートへの確認が必要かもしれません

    トピック投稿者 taaaaka

    (@taaaaka)

    返信ありがとうございます。
    wordpressは最新バージョンにしてあります。しかし、ビジュアルエディタでEnterキーを押してもテキストエディタで
    が表示されることがありません。テキストエディタで
    を入力してもそれがページに反映されません。私は初心者で、プラグインもいじってません。また、ホームページビルダー17のサポートへ電話しても担当者へつなぐのでお待ちくださいと機械音声に言われ、2,30分も待っても出てもらえず、通話料も自己負担なため、どうすることもできずにいます。どうしたらよいでしょうか。

    モデレーター gatespace

    (@gatespace)

    通常、テキストエディタで<br>, <p>は表示されません。

    1行あいていれば自動で<p>タグが保管されます。

    トピック投稿者 taaaaka

    (@taaaaka)

    返信ありがとうございます。ですが私の場合ビジュアルエディタでもテキストエディタでもEnterキーを押して改行しても、プレビュー画面では1マスのスペース(空欄)として表示されてしまいます。

    taaaakaさん

    私は、ホームページビルダー17を使った事がないのですが、

    ビジュアルエディタで、エンターを押して改行を行う場合は、ワードプレス内部のプログラムが、改行の数を計算して、最終的に、表示される直前に、2回ある場合には、p要素でかこみますので、テキストモードでP要素を見つけることはできないです。

    p要素が見えるのはテキストモードでp要素を記述した場合です。

    ところで、テキストエディタというのは、WordPressのエディタのテキストタブをクリックして表示されるテキストモードの事でいいんでしょうか?

    文字列を入力して、改行を入力しても shift+改行をしても、すべて1行で表示されているという事ですか?

    差し支えなければ、WEBサイトのURLを教えてもらえますか?

    トピック投稿者 taaaaka

    (@taaaaka)

    返信ありがとうございます。

    なるほど!
    はい、おっしゃる通りです。そのテキストモードのことです。

    私の場合、改行が効かないのでシフト押しの改行もすべて1マスのスペースとなってしまいます。

    ビジュアルエディタで
    おはようございます。
    今日は暑いです。

    と入力し、プレビューあるいは更新すると、
    おはようございます。 今日は暑いです。

    と表示されてしまいます。

    はい、大丈夫です。
    http://kateikyoushi-sherlock.com
    です。このトップページがそうなってしまっています。
    他のページ同様、トップページもビルダーを用いて編集し、そのデータをワードプレスに転送しているのですが、他のページもワードプレスを用いて編集し直すと、まったく改行ができなくなってしまいます。

    現在の文章を、コピーして

    新しい投稿を作ってみてください

    当面の対策として
    ビジュアルエディタの「段落」と表示されているセレクトボックスがあると思いますので、その項目を「整形済み」に変更してから、貼り付けてください。

    保存して改行が反映しているか、確認してください。

    ホームページビルダー17のサポートに連絡がついたら、wpautop関数が動作していないようです。と聞いてみてください

    他のページ同様、トップページもビルダーを用いて編集し、そのデータをワードプレスに転送しているのですが、

    ちょっとこのあたりが、気になりますが、普通に文章を入力したものは、段落が形成されるという事はありませんか?

    ペーストするときに、「プレーンテキストとして貼り付ける」なども試してみてください

    トピック投稿者 taaaaka

    (@taaaaka)

    整形済みにして投稿しましたが反映されませんでした。

    http://kateikyoushi-sherlock.com/aa
    このようになりました。
    先ほどサポートに連絡できたんですが、ホームページビルダーにおける編集には対応できると言われたのですが、ワードプレスにおける編集についてはわからないとのことでした。もちろんホームページビルダーでは改行もできます。

    テキストエディタではこう表示されました。

    現在の文章を、コピーして

    新しい投稿を作ってみてください

    当面の対策として ビジュアルエディタの「段落」と表示されているセレクトボックスがあると思いますので、その項目を「整形済み」に変更してから、貼り付けてください。

    保存して改行が反映しているか、確認してください。

    
    

    以上です。

    ちなみにトップページのテキストエディタはこうなっています。
    家庭教師Sherlockでは、<span style=”text-decoration: underline;”><span style=”color: #ff0000;”><b>全国</b></span>の生徒様のご家庭と家庭教師の先生との個人契約を仲介しております。</span>
    <div id=”toppage-topics”>
    <h3>個人契約による家庭教師の先生を紹介。また教師の先生も募集しています。</h3>
    <b><span style=”color: #ff0000;”>①生徒様</span></b>
    <b>先生紹介までの手順</b>

    <img style=”border-width: 0px;” alt=”” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/shp009c111.gif&#8221; width=”160″ height=”118″ border=”0″ /><img style=”border-width: 0px;” alt=”→ ” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/logo1.gif&#8221; width=”47″ height=”43″ border=”0″ /><img style=”border-width: 0px;” alt=”” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/shp009c1111.gif&#8221; width=”161″ height=”118″ border=”0″ /><img style=”border-width: 0px;” alt=”→ ” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/logo1.gif&#8221; width=”47″ height=”43″ border=”0″ /><img style=”border-width: 0px;” alt=”” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/shp009c1112.gif&#8221; width=”160″ height=”118″ border=”0″ />

    <img style=”border-width: 0px;” alt=”→ ” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/logo1.gif&#8221; width=”47″ height=”43″ border=”0″ /><img style=”border-width: 0px;” alt=”” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/shp009c1113.gif&#8221; width=”164″ height=”118″ border=”0″ /><img style=”border-width: 0px;” alt=”→ ” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/logo1.gif&#8221; width=”47″ height=”43″ border=”0″ /><img style=”border-width: 0px;” alt=”” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/shp009c1114.gif&#8221; width=”160″ height=”118″ border=”0″ />

    先生をお探しの生徒様への詳しい説明は<b><span style=”text-decoration: underline;”>こちら</span></b>

    <b><span style=”color: #ff0000;”>②先生</span></b>
    <b>生徒様紹介までの手順</b>

    <img style=”

    width: 160px;

    height: 118px; border-width: 0px;” alt=”教師登録” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/shp009c11151.gif&#8221; width=”160″ height=”118″ border=”0″ /><img style=”border-width: 0px;” alt=”→ ” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/logo1.gif&#8221; width=”47″ height=”43″ border=”0″ /><img style=”

    width: 202px;

    height: 118px; border-width: 0px;” alt=”教師番号の取得” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/shp009c11161.gif&#8221; width=”160″ height=”118″ border=”0″ /><img style=”border-width: 0px;” alt=”→ ” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/logo1.gif&#8221; width=”47″ height=”43″ border=”0″ /><img style=”border-width: 0px;” alt=”” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/shp009c1117.gif&#8221; width=”160″ height=”118″ border=”0″ />

    <img style=”border-width: 0px;” alt=”→ ” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/logo1.gif&#8221; width=”47″ height=”43″ border=”0″ /><img style=”border-width: 0px;” alt=”” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/shp009c1118.gif&#8221; width=”160″ height=”118″ border=”0″ /><img style=”border-width: 0px;” alt=”→ ” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/logo1.gif&#8221; width=”47″ height=”43″ border=”0″ /><img style=”border-width: 0px;” alt=”” src=”http://kateikyoushi-sherlock.com/wp/wp-content/uploads/hpb-media/shp009c11110.gif&#8221; width=”160″ height=”118″ border=”0″ />

    「個人契約」とは、家庭教師の先生と生徒さんのご家庭が直接、指導契約を結ぶことです。直接、契約を結ぶため時給や指導日時などは全て双方の相談によって決めてもらいます。当サイトでは、生徒様に家庭教師の先生を紹介しております。もちろん生徒様には先生を自分で選んでいただけます!

    ○<span style=”color: #ff00ff;”><b>個人契約のメリット</b></span>○
    個人契約は塾や家庭教師センターと比べて、メリットとなる点がいくつかあります。
    <b>①</b><span style=”color: #0000ff;”><b>塾との比較</b></span>
    <b>1</b>.先生は一人の生徒に指導するため、その子に集中してサポートすることが出来る。
    <b>2</b>.家庭教師は1対1での指導のため、受け身の授業にならず分からない箇所はすぐに質問&解決できる。
    <b>3</b>.生徒の理解状況に応じ、指導進度を組み立てることが出来る。
    <b>4</b>.塾は曜日、時間帯などは固定であるため、用事が入った時に振替授業を行ってもらうか同じ授業の友達や講師に授業内容を聞かなければならないが、個人契約では双方の相談により指導日時をきめることができるので、急用が入った際でも柔軟に対応できる。
    <b>5</b>.ご家庭での授業となるので通塾時間や費用はかからない。
    <b>②<span style=”color: #0000ff;”>家庭教師センターとの比較</span></b>

    <b>1</b>.家庭教師センターに派遣された家庭教師の場合、家庭教師センターにもお金を払わなければならないが個人契約では先生への時給や交通費のみしか発生しない。

    (例)1時間授業を行った際、授業料は3000円であってもその内訳は先生の時給2000円、家庭教師センターへの支払い1000円など。

    <b>2</b>.指導日時を双方の相談により、急用が入っても自由に変更できる。

    <b>3</b>.入会費や教材費を取る家庭教師もあるが、個人契約では入会費などは存在しないし、双方の相談により指導教材も決めることが出来る。<span style=”color: #ff0000;”>もちろん学校の教科書や問題集でも可能!</span>

    </div>

    普通に文章を入力しても段落は形成されないです。ただひとつながりの文章となってしまいます。さきほどビジュアルエディタでエンターを使って改行してみると 
    と表示されました。

    http://kateikyoushi-sherlock.com/aa
    のソースは、以下のようになっています。

    現在の文章を、コピーして
    
    新しい投稿を作ってみてください
    
    当面の対策として ビジュアルエディタの「段落」と表示されているセレクトボックスがあると思いますので、その項目を「整形済み」に変更してから、貼り付けてください。
    
    保存して改行が反映しているか、確認してください。
    <pre></pre>

    このソースから見ると、整形済みの表示に失敗しています。

    なぜ失敗したのか考えてみました。

    WEBページのソースをコピーすると、フォーマットされています。
    (ただのテキストにしか見えませんが、貼り付けすると、フォーマットされている事がわかりました)

    <table>
    <tbody>
    <tr>
    <td>現在の文章を、コピーして</td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td>新しい投稿を作ってみてください</td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td>当面の対策として ビジュアルエディタの「段落」と表示されているセレクトボックスがあると思いますので、その項目を「整形済み」に変更してから、貼り付けてください。</td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td>保存して改行が反映しているか、確認してください。</td>
    </tr>
    <tr>
    <td></td>
    <td><pre></pre></td>
    </tr>
    </tbody>
    </table>

    ホームページビルダーから貼り付けたものは、上記のようなフォーマットを含んでおり、
    このようなフォーマットを含んだ貼り付けにより、WordPress側が、正常な処理を行えていないのではないかと、推察します。

    ワードプレスに、直接入力した文字列は、正常に動きませんか?

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「ビジュアルエディタ及びテキストエディタでの改行について」には新たに返信することはできません。