コードをハイライト表示するjavascript「Chili」
[ 1分で読めて簡単導入できます]
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日
