便利なソースコード表示用JavaScript (dp.SyntaxHighlighter)

2006年12月1日(金) 10:35

dp.SyntaxHighlighter
ホームページやブログ記事でJavaScriptなどソースコードを記述する際に、非常に面倒だったりする。また、コードに配色をしてエディタで表示したときのように見せたいけど面倒なのでそのまま掲載してきた方も多いはず。

行番号などもソースと一緒に表示できれば、説明の記述も分かりやすくなる。

そんな要望に答えてくれ、しかも導入が簡単なのが SyntaxHighlighter。各言語用のJavaScriptと専用のCSSから構成され、<textarea>~</textarea> を変換してくれる。

ソースをそのまま記述すればよいので楽チンになる。実際に developer.yahoo.com 内でも利用されいて、下のように表示している。
developer.yahoo.com
対応する言語も多い

  1. C#
  2. CSS
  3. C++
  4. VB & VB.NET
  5. Delphi, Pascal
  6. Java
  7. JavaScript
  8. PHP
  9. Python
  10. Ruby
  11. SQL
  12. XML, HTML, XSLT

ソース解説する際に役に立ちそう。

さくらインターネット

関連する記事