2013年4月6日土曜日

SyntaxHighlighter用にソースコードを加工する

Syntax Highlighterで利用するため、ソースコードをPreタグで囲む方法をメモしておく。

1.貼り付けたいソースコードをコピー

java,css,htmlなんでもいいので貼り付けたいソースをクリップボードにコピーしておく

2.HTMLエスケープ&Preタグ追加

HTMLエスケープツール

"変換前"にコピーしたソースコードを貼り付け

"オプション"はPreで囲むのみチェック、他は外す

"変換"をクリック

3.preタグにclass属性を追加

<pre>の部分を<pre class="brush:java">等に書き換える
brush:xxxの部分は貼り付けたいコードの種類によって書き換える
使用できるブラシ一覧


このコードを各記事のHTMLに貼り付ける

ここ参照


以上。

参考サイト:

スポンサーリンク

Related Posts Plugin for WordPress, Blogger...