Chili is the jQuery code highlighter plugin.
<code></code>内に書き込まれたソースコードに色を付けてくれるJavaScriptライブラリ。
jQueryベースでできています。
言語も指定する事ができる。
<code class=”html”></code>や<code class=”css”></code>等とクラスを付ける事によってそれに合わせた色をつけてくれる。
用意されている言語は、C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, XHTMLなどがある。
一応導入してみたんですけど、IEだとなぜか改行されないで表示されてしまう・・・。
ソースをみると「<br />」は記述されているみたい。
なんでだろ。。。
サンプル(CSS)
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
#wrapper {
width:770px;
text-align:left;
font-size:92%;
margin:0 auto;
}
サンプル(html)
<code class="html">
<div id="header">
<h1>タイトル</h1>
</div>
</code>
という具合に色づけ出来ます。
背景が黒だと見づらいですね・・・。
こちらからダウンロード出来ます。
Notes Log - Chili 2.2
ちなみに、WordPressユーザーにはプラグインもあるようです。
WP Chili

