« 前の記事 | メイン | 次の記事 »

blockquoteについて[追加] 自動改行と引用タイトル

に書いたときに、

また、<blockquote>タグ内で改行するときは、手動で<br>タグを入れる必要がある。

と書いたがやはりめんどくさい。
のでネットで調べてみたらやっぱりあるんですね。
みなさん素晴らしいです。

他サイトの受け売り(というか丸写し)ですが、一応載せときます。
参考にしたサイト(無言さんのつぶやき)では、MovableType3.01Dについての設定方法ですが、3.2でも同じでした。

mt/lib/MT/Util.pm ファイルの書き替え
以下の太字の部分を追加します。
sub html_text_transform {
$str ||= '';
my @paras = split /\r?\n\r?\n/, $str;
for my $p (@paras) {
if ($p !~ m@^</?(?:h1|h2|h3|h4|h5|h6|table|ol|dl|ul|menu|dir|p|pre|
center|form|fieldset|blockquote|address|div|hr)@) {
$p =~ s!\r?\n!<br />\n!g;
$p = "<p>$p</p>";
}
elsif ($p =~ m@^</?(?:blockquote|div|p)@){
$p =~ s!\r?\n!<br />\n!g;
}

}
join "\n\n", @paras;
}

これだけで自動改行されました。
こんな簡単な方法で、<br/>を書く煩わしさから解放されるとは思いませんでした。

ついでに引用タイトルみたいなのを付けてみようと思いました。
こちらは小粋空間さんのサイトを参考に。

こちらは<blockquote>内に独自のclassを設定し、スタイルシートで見た目をいじるだけ。
ただ、<blockquote>タグの前後に改行が入ったり入らなかったりするので注意。

引用タイトル付き<blockquote>の書き方
本文1(改行)
<blockquote><div class="quotetitle">引用タイトル</div><div>引用文1(改行)
引用文2(改行)
</div></blockquote>(改行)
(改行)
本文2(改行)

これは自動改行を見越しての書き方なので、上記の通りに改行を入れないと変なところに間が入ってしまうので注意。
</blockquote>の下に改行を一行入れるのがコツ。

ま、あくまでもこの書き方は私仕様ですのでご自由に。

コメントを投稿

※公開されません。管理者のみに通知されます。

トラックバック

このエントリーのトラックバックURL

※トラックバック時の注意