skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

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

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

sponsors

使用方法
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」

前の記事:
次の記事:コンテンツをスライド表示するjavascript「Coda-Slider」

あなたにはこちもお勧め!

jQuery プラグインまとめ!

JavaScript

read more

Column

read more