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

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

このブログについて
author:hisasann.com

description:就職しました!
最近はJavaScript、Perl、Rails、Java(Struts+Spring+iBatis)なんかをいろいろといじっています。
今猛勉強中なのがActionScriptです。
アニメーション楽しい!



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

利用しているWebサービス :


Tag cloud
カテゴリー
月別アーカイブ
jQuery Meetup

Visit jQuery Meetups
Powered by
Powered by
Movable Type Commercial 4.261

Page Top