コードをハイライト表示

 MovableTypeのテンプレートや設定ファイルの紹介する時に便利そうだったので、コードを整形して表示してくれるJavaScriptを試してみた。dp.SyntaxHighlighterは使い方もシンプルで設定も容易。

ダウンロード先

dp.SyntaxHighlighter Home Page

設定方法

アップロード

 ダウンロードしたファイルを解凍して[Scripts/]フォルダと[Styles/]フォルダをサーバに配置。

stylesheet cssファイルの設定

 MovableTypeのテンプレートを修正

[css]






[/js]

textareaの設定

表示したいコードを下記のタグで囲う

[html]

[/html]

Comments are closed.