Chili is the jQuery code highlighter plugin.
2008/10/03 17:13
<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
Category : (x)HTML , CSS , WordPress , プラグイン
Tags : Chili, JavaScript, jQuery, ソースコード, プラグイン
Comment & Track Back
コメントをどうぞ♥
Track Back URL
code {
white-space:pre-wrap;
word-wrap:break-word;
}