Top > IT > Web > HTML > ListOfSouceCodeHighlighter
Last-modified: Thu, 11 Feb 2016 11:44:50 JST
Counter:2426 Today:2 Yesterday:0 Online:7
このエントリーをはてなブックマークに追加

(注意) 記事を引っ越しました

ソースコードを装飾するためのプログラムの一覧

About

Web上で(HTMLで)ソースコードを装飾する方法はいくつかあります。ここではそれらについてリストアップしておきます。

リスト

Javascript を読み込んで動作するもの

  • SyntaxHighlighter
    • ライセンス : MITライセンスかGPLライセンス
      • 派生物のときは派生物に定められた何れかに従う
    • 公式 : http://alexgorbatchev.com/SyntaxHighlighter/
    • Javascriptベースで動作します。メジャーなものの1つです。
      • 旧バージョンでは一部Flash(ActionScript)を使っていましたが最新版ではありません。
    • Wordpress向けのプラグインなども良く見かけることができます。
  • Google - code - prettify
    • ライセンス : Apache2.0 License
    • 公式 : https://code.google.com/p/google-code-prettify/
    • Javascriptベースで動作します。メジャーなものの1つです。
    • Bootstrap の HP ではこれが使われているようです。
    • ソースコードを自動で判別する機能があります(任意に指定することもできる)。
  • PRISM
    • ライセンス : MIT(ソースコード中に書かれています)
    • 公式 : http://prismjs.com/
    • Javascriptベースで動作します。2014年2月現在、あまり日本語の記事がありませんが、これから流行る可能性が十分にあります。
    • gzip で圧縮すると 2KB しかありません。
  • highlight.js
    • ライセンス : 修正BSDスタイル(配布物に同梱されています)
    • 公式 : http://highlightjs.org/
    • Javascriptベースで動作します。2014年1月現在、バージョンが1に到達していません。
    • ソースコードを自動で判別する機能があります(任意に指定することもできる)。

補足情報

ソースコードをマークアップするために、HTML には code 要素が定義されています。しかしながらJavascriptで動作する Syntax Highlighter のほとんどが pre 要素にのみ対応しています。唯一 highlight.js のみが <pre><code> に対応します。

それ以外のプログラムによって変換するもの

  • Pygments
    • ライセンス : BSD
    • 公式 : http://pygments.org/
    • Python で開発されています。メジャーなものの1つです。
    • Python製のドキュメント制作ツールShpinxで使われているほか、BitBucket や GitHubでも一部使われているようです(公式より)。
  • GeSHi
    • ライセンス : GPLv2
    • 公式 : http://qbnz.com/highlighter/index.php
    • PHP で開発されています。メジャーなものの1つです。
    • 2014年現在、2013年11月時点でNewsが更新されたり、GitHubのファイルは2012年の日付が最新なので比較的安定しているし、更新もされている、と思われます。
  • Text_Highlighter
    • ライセンス : PHP License
    • 公式 : http://pear.php.net/package/Text_Highlighter/
    • PHP で開発されています。
    • 2014年現在、2011年時点で開発が止まっており、またバージョンが0.7xですので使わないのが賢明と思われます。