Movable Typeの時もそうだったけれど、WordPressでもソースコードを貼り付けたい場合はいろいろ気を使う必要があるみたい。
そのまま貼り付けたりすると、インデントが消える etc…
調べてみるとプラグインがいくつかあるようです。
今回は下記のプラグインを入れてみました。
参考： 自動整形機能のイライラを軽減するGoogle Syntax Highlighterプラグイン | とりさんのソフト屋さん
http://soft.fpso.jp/develop/wordpress/plugin/entry_1219.html
preタグにclass属性でbrush:jsとか書けば下記のように表示してくれるみたいです。便利。
function hoge() {
alert('hoge');
alert('piyo');
}
だけど自分でpreタグ書くのが面倒。
もしかしたら、そんな方法があるのかもしれないけれど、作ったほうが早そうなのでボタンを作りました（笑）
/wp-includes/js/quicktags.js
というファイルを編集する。
・・・っと、いつの間にか圧縮化されてる。orz
前は普通に読めるソースだったのになぁ、と、同階層を見てみるとquicktags.dev.jsというのがある。
どうやらこちらが圧縮前のようなので、こちらを使うことにする。
ソースを見てみると
edButtons[edButtons.length] =
new edButton('ed_strong'
,'b'
,'<strong>'
,'</strong>'
,'b'
);
こんなソースが見つかります。
んー５個目の値は何に使ってるのかなぁ。
とりあえず
edButtons[edButtons.length] =
new edButton('ed_javascript'
,'javascript_code'
,'<pre class="brush:js;">'
,'</pre>'
,'js'
);
こんなのを追加してみると、ちゃんと動くボタンが出てきました。
えーと、５個目の値は・・・自分で使うだけだから適当で良いか（マテｗ）
↓ちなみに実際はこんな感じで表示されてます。
