質問

<!> lt; code <!> gt;の構文強調表示に推奨できるJavascriptライブラリHTMLのブロック?

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

役に立ちましたか?

解決

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

他のヒント

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

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

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

jQuery構文ハイライターは、 GoogleのPrettify -本当に人気のあるプレーンなJavaScriptシンタックスハイライト。

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

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

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

する必要があるのは、jquery-chili.jsとrecipes.jsをインクルードし、ハイライトを実行することだけです

$("code").chili();

言語自体を把握する必要があります。

SHJS に非常に満足しています。多くの言語をサポートしており、非常に高速で正確に見えます。

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

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

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

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

私は議論の余地はありませんが、CMSまたはブログプラットフォームを使用している場合は、明らかな理由でバックエンドハイライターを使用する方が良いことを言及する価値があると考えました<!>#8212; Geshi http://qbnz.com/highlighter/ )興味がある場合。実際には、バックエンドテクノロジーを介してHTMLコンテンツを解析するようにサーバーを設定できます<!>#8212;そのため、JSハイライトはまったく必要ありません。 (追加する機能は、[swf]を使用して印刷/コピーする機能のみです。)

Web Resources Depotのこの記事は、コードを強調表示するための多数のオプションをリストし、その一部はJavaScriptを使用します。 2009年5月4日に公開されました。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top