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

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

使用方法
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」サンプル

sponsors

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

記事作成:
記事URL:

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