2013年12月3日火曜日

[SyntaxHighlighter] ブログ内のコードをシンタックスハイライターの強調オプションで目立たせる

SyntaxHighlighter(シンタックスハイライター)の強調オプションで変更箇所を目立たせる


Blogにコードを見やすく表示させるツールとしてこのブログでも使用しているSyntacticHighester(シンタックスハイライター)というツールを以前にブログで紹介しました。

【関連する記事】

色分けしたコードで投稿する方法

ある行を強調表示させるオプションを紹介します。

分類のindex管理(4)という記事で変更した箇所をわかりやすく表示させるために使っています。どんな感じで表示されるかは、そのページで確認してみてください。
【参考にしたサイト】
ソースコードを行番号付きで、きれいに表示する「SYNTAXHIGHLIGHTER」の導入と使い方

オプションの指定は簡単です。

<pre class="brush: *** highlight: 1">
1行目をハイライト
</pre>

<pre class="brush: *** highlight: [1, 3]">
1行目と3行目をハイライト
</pre>

こんなかんじでclass属性の中に"highlight:行数"を指定すれば強調されます。
簡単なのでぜひ活用していきたいです。

0 件のコメント:

コメントを投稿