preタグ内の改行（brタグ）を無効にする（MT・Movable Type）
preタグで文字を端っこで折り返すで試みた行を端っこで折り返す方法で、プログラムコードのソースの表示が楽になった。
しかし、またしても新たな問題発生。
Movable Typeのエントリーを投稿で、改行設定で「改行変換」にして記事を作成すると、preタグ内で改行されている行に対して、<br />が勝手に挿入されてしまう場合があるのです。（MT3.34の場合です。現行バージョンは改善されているかも。）
その結果、preタグ内がものすごく間延びしてしまう。
MTのエントリー画面で、エントリー内容を入力し、改行設定を「改行変換」で記事作成すると・・・
例えば、以下のように、preタグ内が間延びして表示されてしまう場合がある。
■例１．preタグ内表示ここから
echo "あいうえお";echo "かきくけこ";
echo "さしすせそ";
■例１．ここまで
上記の■例１．preタグ内表示ここから～■例１．ここまでの部分は、MTのエントリーの内容上には・・・
<pre>echo "あいうえお";
echo "かきくけこ";
echo "さしすせそ";</pre>
■例１．ここまで
と、記述されている。
しかし、HTMLソースには、<pre>タグ内に、<br />が勝手に挿入され間延びする原因となっている。
このpreタグ内の自動brタグ付加の問題を解決するには、MTのエントリーの内容に記述する際に、以下の２点を気をつけると改善されます。
１．preタグ内で、２回改行して空の行を作らない。
例１の「echo "あいうえお";」と「echo "かきくけこ";」の間のような空の行はMTエントリーの際に、preタグ内に作らないようにする。
２．<pre>タグのすぐ上に、１行だけ空の行を作る。（２行以上、空けてはいけない。）
つまり、以下のようにMTエントリーの際に記述する。
<pre>echo "あいうえお";
echo "かきくけこ";
echo "さしすせそ";</pre>
■例２．ここまで
すると、preタグ内にbrタグが勝手に挿入されず、以下のようにpreタグ内が間延びしないで、ウェブページ上に表示されます。
■例２．preタグ内表示ここから
echo "あいうえお"; echo "かきくけこ"; echo "さしすせそ";
■例２．ここまで
簡単に言えば、preタグを使う場合は、<pre>タグのすぐ上部の文章との間に、１行だけ空の行を作るようにして、また<pre>タグ内では、１行も空の行を作らないようにする、の２点を守ると良いということです。
MTの挙動として、エントリーを投稿で、改行設定で「改行変換」にして、preなどの特定のタグを書いて記事を作成すると・・・
１．preなど特定のタグのすぐ上部の文章との間に、１行だけ空行がある場合・・・
⇒preなど特定のタグ内に、brを自動挿入しない。
２．preなど特定のタグのすぐ上部の文章との間に、空行がないor２行以上の空行の場合・・・
⇒preなど特定のタグ内に、brを自動挿入する。
となっているようです。
この法則は、他のタグ、blockquoteやtableなどを用いるときも共通のようです。
しかし、なんでこんな不可思議な挙動になってんのかね、MT・・・
文章がまとまっていなくて、非常に申し訳ないです。
分かりにくかったら、ご指摘下さい。
■この一覧は、次のエントリーを参照しています: preタグ内の改行（brタグ）を無効にする（MT・Movable Type）:
» ソースコードを綺麗に表示するJS「dp.SyntaxHighlighter」
ソースコードの見せ方について色々考えていて、良いJSをご紹介。 とは言っても情報としてはかなり古いですが・・・ dp.SyntaxHighlighter...
トラックバック時刻: 2008年05月13日 00:56
■この記事のトラックバックURL:
http://www.mapee.jp/mpe334/mt-tb.cgi/115
以下のHTMLタグをトラックバック送信元ページ内に挿入して下さい。
※この記事へのリンクがない、また関連のないページからのトラックバックは反映されませんので、ご了承下さい。
