Home > ブログ > Syntaxhighlighterでコードにシンタックスハイライトを付ける

Syntaxhighlighterでコードにシンタックスハイライトを付ける

syntaxhighlighter - Google Code

ブログにコードを書くことはしばしばあるのですが、これが意外と面倒でした。
はてなダイアリーとか使っていればスーパーpre記法で自動でシンタックスハイライトされますが、Movable Typeはそこまで親切じゃありません。

そんなコーダーブロガーを助けてくれるのが、このsyntaxhighlighterです。
以下のサイトで詳しく導入方法がのっているので、ブロガーでコーダーのかたは是非チャレンジしてみてください。

Movable Type 備忘録 - dp.SyntaxHighlighter

■syntaxhighlighterのダウンロードサイト
syntaxhighlighter - Google Code

Javascriptのファイルを何個かロードするので多少遅くなるかもしれませんが、これもシンタックスハイライトのためです!

ただちょっとよくわかっていないのが、syntaxhighlighterにシンタックスはハイライトをさせるのにTextareaを使っているのですが、MTの自動改行がオンになっているとTextareaの中のコードにまで<br />が入っちゃうのでこれをなんとか阻止できないもんか・・・

なのでコードをエントリーに書くときは自動改行をオフにしてやってます。
でもこれだと改行したいところで<br />を自分で入れないといけないのですごい手間です。う〜ん。

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/1067
Listed below are links to weblogs that reference
Syntaxhighlighterでコードにシンタックスハイライトを付ける from HouseTect, JavaScriptな情報をあなたに

Home > ブログ > Syntaxhighlighterでコードにシンタックスハイライトを付ける

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top