javascript - Javascript を使用したシンタックスハイライトコード

Question

HTML の構文強調表示 <code> ブロックに推奨できる Javascript ライブラリはどれですか?

（回答ごとに1つの提案をお願いします）。

score 104 · Accepted Answer

104

StackOverflow はPrettifyライブラリを使用します。

于 2008-10-02T03:08:59.540 に答える

score 44 · Accepted Answer

私は最近、虹と呼ばれるものを開発しました。

主な設計目標は、コアライブラリを非常に小さくし、開発者が簡単に拡張できるようにすることでした。

http://rainbowco.deを参照してください。

score 26 · Accepted Answer

26

SyntaxHighlighterはGitHub プロジェクトとして入手できます。

于 2008-10-02T02:58:53.433 に答える

score 15 · Accepted Answer

jQuery Syntax Highlighterは、 Google の Prettifyに基づく新しいものです。これは、非常に人気のあるプレーンな JavaScript 構文ハイライターです。

codeやpreブロックなどをサポートしlanguage-javascript、強調表示したいことを示すためにクラス名を使用したり、ワードラップを使用したりできます。他の多くのように未加工のビューを開く必要はなく、通常どおり選択することでコードをコピーして貼り付けることができます。data-shHTML5 データ属性を使用するか、初期化時にオプションを指定することで、さらにカスタマイズできます。定期的に更新される優れた安定した選択肢。

score 15 · Accepted Answer

Lea Verou のPrismはどうですか。

6 月 (2012 年)の彼女のブログ投稿の発表から:

それは小さいです。コアは 1.5KB のみに圧縮および gzip されています。

それは信じられないほど拡張可能です。新しい言語を追加するのは簡単であるだけでなく (これは、最近のすべてのシンタックスハイライターで当然のことです)、既存の言語を拡張することもできます。

特定の場合にパフォーマンスを向上させるために、Web Worker による並列処理をサポートします。

Prism 固有のマークアップを使用することを強制するものではなく、Prism 固有のクラス名でさえも使用する必要はなく、とにかく使用する必要がある標準のマークアップのみを使用する必要があります。したがって、しばらく試してみて、気に入らない場合は削除して、痕跡を残さないようにしてください。

score 5 · Accepted Answer

5

どうですか：

シンタックスハイライター

ハイライト.js

JS ハイライター

于 2008-10-02T02:59:57.563 に答える

score 5 · Accepted Answer

jQuery を使用している場合は、Chilli があります。

http://code.google.com/p/jquery-chili-js/

jquery-chili.jsとrecipes.jsをインクルードし、ハイライトを

$("code").chili();

それ自体で言語を理解する必要があります。

score 5 · Accepted Answer

SHJSにとても満足しています。多数の言語をサポートしており、かなり高速で正確に見えます。

ブログで使用する例を次に示します。Coda の構文強調表示をシミュレートする独自のカスタム CSS ファイルを使用しています。使いたい方はメールください。

score 4 · Accepted Answer

jQuery.Syntaxは、非常に高速で軽量なシンタックスハイライターです。構文ソースファイルの動的な読み込みがあり、CSS またはモードラインを使用してきれいに統合します。

これは、ギャップを埋めるために特別に開発されました。つまり、高速でクリーンなクライアント側の構文パーサーです。

score 3 · Accepted Answer

ブラウザー内エディターで構文の強調表示を探している場合は、CodeMirrorを試してください。

score 3 · Accepted Answer

私は議論をしているわけではありませんが、CMS やブログプラットフォームを使用している場合は、明らかな理由からバックエンドハイライターを使用する方が優れていることを言及する価値があると思いました — Geshiをご覧ください( http://qbnz.com/highlighter/ ) 興味のある方はどうぞ。実際には、バックエンドテクノロジを介して HTML コンテンツを解析するようにサーバーを設定できます。そのため、JS ハイライターはまったく必要ありません。(彼らが追加する唯一の機能は、[swf を使用して] 印刷/コピーする機能です。)

score 2 · Accepted Answer

2

シンタックスハイライター

于 2008-10-02T02:59:43.087 に答える

javascript - Javascript を使用したシンタックス ハイライト コード

13 に答える 13

Related

Reference

javascript - Javascript を使用したシンタックスハイライトコード