2013年9月21日土曜日

SyntaxHighlighter 3.0 の新機能と注意点

【Javascript】SyntaxHighlighter 3.0 の新機能と注意点 SyntaxHightlighter3.xからはautoloaderという機能が実装されました。 これは最初からすべての言語のシンタックスハイライトを読み込むのではなく、必要となった時点で 特定の言語だけを読み込むものです。余計な読み込みが不要になる分、動作が軽くなることが期待できます。 ※しかしテストした結果うまく動きません。調査中です。





【ページで使って見よう】

方法1:

<script type='syntaxhighlighter' class='brush: ***'><![CDATA[コードの内容(エスケープ不要)]]></script>

方法2:
<pre class='brush: ***'>コードの内容(エスケープ済)</pre>

結果:
 <pre class="brush: csharp; toolbar:false;" title=" Blogger Source csharp" name="code">
function test() : String
{
    return 10;
}
</pre>

以上です。