ソースコードを表示する「SyntaxHighlighter」の導入
3 月 12th, 2009
「SyntaxHighlighter」とは下記のようなソースコード表示を簡単に表示できるプラグインです。
mb_internal_encoding("UTF-8");
/*MDB2を読み込み*/
require_once("MDB2.php");
echo('sumesume');
#echo('sumememe');
通常は「pre」タグ、「code」タグで囲むとそのまま表示するのでものすごく簡素になります。
echo('sumesume');
ですが「SyntaxHighlighter」を使用すると行数、色をつけてくれるのでとても読みやすくなります。
【ダウンロード】
ダウンロードはgoogleCodeで配布しているので、下記URLから~
http://code.google.com/p/syntaxhighlighter/
【設置】
設置はダウンロードしたデータを丸ごとUPして、リンクを貼るだけ。
（※詳しくはgoogleCodeの「wiki>usage」から）
【実装】
下記ソースのように表示したいソースを「pre」タグで囲ってclassに下図「Aliases」を参考に設定すればOK。また「textarea」でもできるみたい。
（※まぁ詳しくはgoogleCodeの「wiki」を見てください）
<pre class="c-sharp">... some code here ...</pre>
| Language | Aliases |
| C++ | cpp, c, c++ |
| C# | c#, c-sharp, csharp |
| CSS | css |
| Delphi | delphi, pascal |
| Java | java |
| Java Script | js, jscript, javascript |
| PHP | php |
| Python | py, python |
| Ruby | rb, ruby, rails, ror |
| Sql | sql |
| VB | vb, vb.net |
| XML/HTML | xml, html, xhtml, xslt |