高性能の構文ハイライターを探しています。
Google prettify、rainbow.js、および覚えていない別のものを試しました。それらはすべて、HTML コードの大きなブロックに苦労しています。最終的にはすべて正しく強調表示されますが、ブラウザーは 1 ～ 2 秒間フリーズします。または、テキストが強調表示されず、ページが読み込まれて数秒後にすべてが一度に表示されます。
私は github が構文ハイライターをどのように使用しているかを見てきましたが、それがうまく機能する理由は、テキストのグループが各単語ではなく単一のスパンを持ち、パフォーマンスが向上するためだと思います。
HTMLコードをサポートし、物事を非常に迅速にレンダリングできるJS構文ハイライターを知っている人はいますか?
サーバー上で強調表示を行うことは可能でしょうか? おそらくそれを現金化するので、毎回それを支払う必要はありません。サーバー側のスタック情報を投稿すると、いくつかのライブラリへのリンクを提供できます。
UI のブロックを回避したい場合は、ワーカー スレッドで構文の強調表示を行うことができません。
また、他の 9 つの蛍光ペンのリストは次のとおりです: http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/
これは古い質問であり、サーバーを使用して大きなコードブロックを強調表示することが最善の策のように思えます。
私が rainbow.js の作成者であることをお知らせしたいと思います。ブラウザーでのすべての構文強調表示を webworker に移動する 2.0 アップデートをプッシュしたところ、メイン スレッドをブロックすることなく大きなコード ブロックのパフォーマンスが向上するはずです。 /UI.
Gistsの使用に興味があるかもしれません。それらはどこにでも埋め込むことができ、使用する構文の強調表示は非常に高速です。
自己宣伝しているわけではありませんが、Javascript 構文の強調表示に Gists を使用する例については (必要に応じて HTML にも Gists を使用します)、私の Javascript ブログを参照してください。これを行う他のサイトの URL は覚えていませんが、以前に見たことはあります。