ソースコードをカラー表示するWordPressのプラグイン
[追記 2010-01-19]
現在は、CodeColorer というプラグインを利用しています。
» CodeColorer – Syntax Highlighting Plugin for WordPress | Dmytro Shteflyuk’s Home
「Tips Community » ソースをハイライトで表示してくれるプラグイン」で iG:Syntax Hiliter というプラグインを見つけました。ソースコードをテキストエディタのようにカラー表示してくれるという優れものです。
プラグインを使わずに普通に書くとこんな感じ。（本来は<code>タグを使うべきですが半角スペースが効かないので<pre>タグを使っています。認識が間違っていました。）
// Comment here
function HelloWorld() {
alert('Hello World!');
}
それがこんなふうに表示されます。（一部スタイルを改変してます。）プレーンテキストへの切り替えも付いているので、ソースをコピー＆ペーストするときもOK。
function HelloWorld() {
alert('Hello World!');
}
使い方はソースコードを専用のタグ（［js］～［/js］など）で囲むだけです。
[js]
// Comment here
function HelloWorld() {
alert('Hello World!');
}
[/js]
開始行番号の指定も出来ます。
[php num=23] $var1 = 23; // variable 1 $var2 = 32; // variable 2 $vsum = $var1 + $var2; // sum of variables 1 & 2 print($vsum); [/php]
対応している言語は以下のようになっています。これだけあれば充分でしょう。
- ActionScript
- ASP
- C
- C++
- C#
- CSS
- Delphi
- HTML
- Java
- JavaScript
- MySQL
- Perl
- PHP
- Python
- Ruby
- Smarty
- SQL
- Visual Basic, VBScript
- VB.NET
- XML
なお、WordPress を使っていない方には、dp.SyntaxHighlighter というのもあります。こちらは<textarea>の中に書いたソースコードをカラー表示してくれる JavaScript のライブラリで、見た目は個人的にはこっちの方が好きなんですが、ページのロードが完了してからスタイルを適用させるのでちょっとタイムラグがあるのが、ちと難点。あと、WordPressだと<textarea>内の改行が<br>に変換されてしまいうまく表示できない、という問題があるので見送りました。
About this entry
オススメ
14 Trackbacks
trackback uri:コメントやトラックバックは承認待ちになる場合がありますので、すぐに反映されない場合はしばらくお待ちください。