bmblog: dp.SyntaxHighlighter test

dp.SyntaxHighlighter test

やったこと

ダウンロード
アーカイブ解凍後 Scripts/* /Sytle/SyntaxHighlighter.css をコピー。
MTのテンプレートのhead内に <link type="text/css" rel="stylesheet" href="SyntaxHighlighter.css"></link> 最後の方に <script language="javascript" src="Scripts/shCore.js"></script> <script language="javascript" src="Scripts/shBrushCSharp.js"></script> <script language="javascript" src="Scripts/shBrushXml.js"></script> <script language="javascript"> dp.SyntaxHighlighter.HighlightAll('code');</script>
コードを <textarea name="code" class="html" cols="60" rows="4"> 　　bra bra 　</textarea> で書く。 name="code" 必須。 class="***"で言語指定。指定可能言語はここ参照。
オプションは疑似セレクタでいくつか指定。
行間が開きすぎだったので styles-site.cssに .dp-highlighter ol li { margin-top: 2px; margin-bottom: 2px; }

なぜか最初の行が空行になってしまう。原因追及中。

Posted by shin at 5:32 PM

bmblog