ブログをはじめとしてサイト上でプログラム言語を記述することは多々ある。そして見やすさのためにはハイライト表示されているのが良い。

ピクチャ 7-2

表示はもちろんのこと、編集まで考えると便利なのがこのライブラリだ。

今回紹介するオープンソース・ソフトウェアはCodePress、JavaScriptベースのコードハイライタだ。

CodePressが対応している言語は、PHP/JavaScript/Java/Perl/SQL/HTML/CSSになっている。制御文や関数、変数、文字列部分等がハイライト表示される。
ピクチャ 8-3

また、行番号表示/非表示がJavaScriptの関数レベルで制御できる。また、オートコンプリートの機能もあり、例えばPHPモードでifの後にタブを入力すると、“if () {¥n}“を自動で補完する機能もある。
ピクチャ 9-2

表示のハイライトだけではなく、編集まで考慮されているのが特徴的だ。また、タブ文字が入力できるのも良い。コードを表示、編集するサービス等でも活用できそうなライブラリだ。

CodePress - Real Time Syntax Highlighting Editor written in JavaScript
 http://codepress.org/index.php

ピクチャ 11-1
ピクチャ 10-2