DN*BLOG

2008.10.3

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

FavoriteLoadingAdd to favorites

Category : (x)HTML , CSS , WordPress , プラグイン

関連する記事