StackOverflowは Prettify ライブラリを使用します。
私は最近レインボーと呼ばれるものを開発しました。
主な設計目標は、コアライブラリを本当に小さくし、開発者が本当に簡単に拡張できるようにすることでした。
http://rainbowco.de を参照してください。
SyntaxHighlighter は GitHubプロジェクト として利用可能です。
Prism by Lea Verouについて。
彼女から ブログ投稿 6月の発表（2012）：
- 小さいですコアはわずか1.5 KBに縮小され、gzip圧縮されています。
- 信じられないほど拡張性があります。新しい言語を追加するのは簡単であるだけでなく（最近ではすべての構文ハイライト機能で使用されています）、既存の言語を拡張することもできます。
- 特定の場合にパフォーマンスを向上させるために、Web Workersを介して並列処理をサポートします。
- Prism固有のクラスアップではなく、Prism固有のマークアップを使用することを強制しません。とにかく使用する必要がある標準のマークアップのみを使用します。そのため、しばらく試してみて、気に入らなければ削除し、痕跡を残さないようにします。
jQuery Syntax Highlighter は、 GoogleのPrettify に基づいた新しいものです-非常に人気のあるプレーンなJavaScriptシンタックスハイライターです。
codeブロックやpreブロックなどをサポートし、language-javascriptなどのクラス名を使用して、強調表示したいことを示したり、ワードラップしたりできます。他の多くのように生のビューを開く必要はなく、通常選択することでコードをコピーして貼り付けることができます。 HTML5データ属性data-shを使用するか、初期化時にオプションを指定することにより、さらにカスタマイズできます。定期的に更新される非常に安定した選択肢。
JQueryを使用している場合、Chilliがあります。
http://code.google.com/p/jquery-chili-js/
必要なのは、jquery-chili.jsとrecipes.jsをインクルードし、
$("code").chili();
言語自体を理解する必要があります。
[〜＃〜] shjs [〜＃〜]にとても満足しています。多くの言語をサポートしており、非常に高速で正確に見えます。
次に、私のブログで使用する例を示します。 Coda's （構文の強調表示をシミュレートする独自のカスタムCSSファイルを使用しています。使用したい場合はメールしてください。
jQuery.Syntax は、非常に高速で軽量な構文ハイライターです。構文ソースファイルの動的な読み込みが可能で、CSSまたはモードラインを使用してきれいに統合します。
これは、ギャップを埋めるために特別に開発されました。つまり、高速でクリーンなクライアント側の構文パーサーです。
ブラウザ内エディタで構文の強調表示を探している場合は、 CodeMirror を試してください。
私は論争的ではありませんが、CMSまたはブログプラットフォームを使用している場合、バックエンドハイライターを使用する方が明白な理由で優れていることを言及するだけの価値があると考えました— Geshi （ http://qbnz.com/highlighter/ ）興味があるなら。実際には、バックエンドテクノロジーを介してHTMLコンテンツを解析するようにサーバーをセットアップできます。そのため、JSハイライターはまったく必要ありません。 （追加する機能は、swfを使用して印刷/コピーする機能のみです。）
Web Resources Depotのこの記事 には、コードを強調表示するための多数のオプションがリストされており、その一部はJavascriptを使用しています。 2009年5月4日に公開されました。