Nucleusのbr自動挿入をtextareaやpreタグ中で無効にする

Pocket

前のエントリを書いていて、ソースコードの部分を灰色で出しています。
そこんところで、preタグを使っているわけですがnucleusはデフォルトで
日記を書くと改行をbrタグに変換してくれます。
よってpreタグの中では2重改行になってしまいます・・・
で プラグインやらnucleus本体の修正で解決してる人をちらほら発見できたのですが・・

実はこれCSSで解決できるじゃん!

ソースコードを書くpreタグはclass=”code”をつけるものとした場合

pre.code{
width: 90%;
background-color: silver;
}
pre.code br{
display:none;
}

このようなCSSを読み込んでおくことで、preタグ内だけbrを無効化できました。
プログラムでやるより手軽で良い感じかと(preでなくてtextareaなどでもできるし)。

Tags:

人気記事一覧

コメントを残す