skuare.net

色を指定できるシンタックスハイライトjavascript「highlight.js」

コードに彩り、見やすくするシンタックスハイライト。
その色をhighlight.jsでは簡単に指定できます。

使用方法
highlight.jsからファイル群をダウンロードします。
<link rel="stylesheet" href="http://yourdomain/sample.css">
<script src="http://yourdomain/highlight.js" type="text/javascript"></script>
<script type="text/javascript">
initHighlightingOnLoad();
</script>
＊sample.cssはデフォルトです。
　色を変更するなどオリジナルにするには中身を書き換えてください。
上の通り書き込んだら、以下を記述します。
<pre><code>
<h1>サンプル</h1>
<p class="demo">この文章はサンプルです</p>
<!-- コメント -->
</code></pre>
＊<などは＆lt；などに書き換えてください。
色を指定できるシンタックスハイライトjavascript「highlight.js」サンプル

｜ ｜ ｜ ｜ ｜ ｜

前の記事：画像をフィルム風に加工するjavascript「filmed.js」
次の記事：JavaScriptライブラリ「jQuery」関連サイト34

関連記事

• コードを色付けるシンタックスハイライトjavascript「SHJS」
• コードのシンタックスハイライトをリアルタイムで行うjavascript「CodePress」
• コードをプリティに整形するjavascript「code prettifier」
• コードをハイライト表示するjavascript「Chili」
• ソースを華麗に整えるjavascript「SyntaxHighlighter」