skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

コードをハイライト表示するjavascript「Chili」

｜ ｜ ｜ ｜ ｜ ｜ ｜

HTMLやJavascript、PHPなどのソースを紹介する時にはわかりやすい表示が求められます。
Chili Centralでは、コードをハイライト表示するChiliを公開しています。

使用方法
Chili Centralからchiliのファイル群をダウンロードし、全てアップロードします。
<script type="text/javascript" src="http://yourdomain/jquery.js"></script>
<script type="text/javascript" src="http://yourdomain/chili.pack.js"></script>
<script type="text/javascript">
ChiliBook.recipeFolder = "http://yourdomain/chili/";
ChiliBook.stylesheetFolder = "http://yourdomain/chili/";
</script>
上記の様に書き込んだら、codeを記述する時にclassにhtmlやjavascriptなど対応する言語名を付与すれば完成です。
<code class="html">
<!-- ここにソースを書き込む -->
</code>
コードをハイライト表示するjavascript「Chili」サンプル

記事作成：2007年10月18日

前の記事：1枚の画像から自動でパズルを作成するjavascript「jqPuzzle」
次の記事：コンテンツをスライド表示するjavascript「Coda-Slider」