2014年11月1日土曜日

BloggerでSyntaxHighlighterを使用する方法 後日談

[BloggerでSyntaxHighlighterを使用する方法]の冒頭で リンクが切れていると紹介した [Syntax Highlighter Scripts Generator] が2014/11/01日現在、再び利用可能になっていた。

試しに使用してみたが、要はチェックした項目に合わせて前回紹介したコードを自動的に生成する代物であった。

前回の説明には含まれていないコード
SyntaxHighlighter.config.bloggerMode = true;
は、Bloggerにおける改行コード<br>の取り扱いに関する設定のようであるが この設定をしてしまうと、<pre>内で、改行コードが表示されなくなってしまう という問題があるようなので、この設定は行わず、default値のfalseのままが良いようである。

この部分については他の方のサイトであるが[ブログ上でプログラムソースを表示する方法④ Bloggerでの設定]での解説が詳しい。

前回の解説と同じ条件のDefault ThemeにてJavaScriptのみを有効にするを選択して生成したコードがこちら
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
<script language="javascript" type="text/javascript">
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.all();
</script>

0 件のコメント:

コメントを投稿