Javascriptを使用した構文強調コード[終了]
-
03-07-2019 - |
質問
<!> lt; code <!> gt;の構文強調表示に推奨できるJavascriptライブラリHTMLのブロック?
(回答ごとに1つの提案をお願いします)。
解決
StackOverflowは、 Prettify ライブラリを使用します。
他のヒント
jQuery構文ハイライターは、 GoogleのPrettify -本当に人気のあるプレーンなJavaScriptシンタックスハイライト。
code
やpre
ブロックなどをサポートし、language-javascript
などのクラス名を使用して強調表示したいことを示したり、ワードラップしたりできます。他の多くのように生のビューを開く代わりに、通常どおりに選択することで、コードをコピーして貼り付けることができます。 HTML5データ属性data-sh
を使用するか、初期化時にオプションを指定することにより、さらにカスタマイズできます。定期的に更新される非常に安定した選択肢。
Lea Verouの Prism はどうですか。
彼女のブログ投稿 6月(2012)の発表:
- それ<!>#8217;小さな。コアは、わずか1.5 KBに縮小された<!> amp; gzip圧縮。
- それ<!>#8217;は非常に拡張可能です。 <!>#8217;新しい言語を追加するのが簡単であるだけでなく(<< >>#8217;最近のすべての構文ハイライターで与えられています)、 既存のものを拡張します。
- 特定の場合にパフォーマンスを向上させるために、Web Workersを介して並列処理をサポートします。
- それはありません<!>#8217; t Prism固有のマークアップを使用するように強制します。Prism固有のクラス名ではなく、使用する必要がある標準のマークアップのみを使用します。 とにかく。だから、しばらく試してみて、ドンなら削除してください<!>#8217; t 好きで、痕跡を残さない。
jQueryを使用している場合、Chilliがあります:
http://code.google.com/p/jquery-chili-js /
する必要があるのは、jquery-chili.jsとrecipes.jsをインクルードし、ハイライトを実行することだけです
$("code").chili();
言語自体を把握する必要があります。
jQuery.Syntax は、非常に高速で軽量な構文ハイライターです。構文ソースファイルの動的な読み込みが可能で、CSSまたはモードラインを使用してきれいに統合します。
特にギャップを埋めるために開発されました。つまり、高速でクリーンなクライアント側の構文パーサーです。
ブラウザ内エディタで構文の強調表示を探している場合は、 CodeMirror を試してください。
私は議論の余地はありませんが、CMSまたはブログプラットフォームを使用している場合は、明らかな理由でバックエンドハイライターを使用する方が良いことを言及する価値があると考えました<!>#8212; Geshi ( http://qbnz.com/highlighter/ )興味がある場合。実際には、バックエンドテクノロジーを介してHTMLコンテンツを解析するようにサーバーを設定できます<!>#8212;そのため、JSハイライトはまったく必要ありません。 (追加する機能は、[swf]を使用して印刷/コピーする機能のみです。)
Web Resources Depotのこの記事は、コードを強調表示するための多数のオプションをリストし、その一部はJavaScriptを使用します。 2009年5月4日に公開されました。