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 />を自分で入れないといけないのですごい手間です。う〜ん。

【関連する記事】

Comments:0

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Remember personal info

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, JavaScripter Blog

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

Tag cloud
Categories
月別アーカイブ
このブログについて
author:hisasann

description:フリーランスで仕事しているプログラマーです。
最近はJavaScript、Rails、Java(Struts+Spring)なんかをいろいろといじっています。
今やってみたいのはFlashやActionScriptかな。
また誕生して半年になる子供の成長を見守るパパでもあります。

日々の日記 :

他に運営しているブログ:

利用しているWebサービス :
最近のコメント
Powered by
Powered by
Movable Type 3.35

Page Top