ソースコードハイライト

wordpressでのソースコード(シンタックス)ハイライトについて

いくつかwpでのシンタックスハイライト用のプラグインがありましたが、CrayonSyntaxhighlighterに落ち着きました。

本当はSyntaxHighlighter Evolvedが使ってみたかったのですがFlash利用などがあってバグがあったりもしたのでCrayonにしました。

参考にしたサイト http://technolog.jp/website/cms/6927

以下crayonのテストです。

<div id="step_txt">
<p class="r-title"><strong>ごはんについて</strong></p>
<p class="hs">いつもとてもおなかすいている</p>
</div>
<p><img src="../images/line.png" width="100" height="100" /></p>
<div id="step"><img src="../images/step.png" width="100" height="100" /></div>

 

以下ミニタグでのテスト
[XHTML]

ごはんについて

いつもとてもおなかすいている

[/XHTML]

ミニタグで入れる場合とAddcodeボタンから入れる場合でハイライト部分が微妙に違うんですけど…。なんでだろう?