技術的なブログを書きたい学生のために、コンポーネントを強調するコードに非常に精通している必要があります。プラグインを強調する優れたJavaScriptコードは、いくつかのキーワードの色付けやコードの各行のインデントなど、プログラミング言語をレンダリングするのに役立ちます。今日は、プラグインを強調する高性能JavaScriptコードを共有します。これらのJavaScriptコードを強調表示するプラグインは、Webページにコードを編集および表示するのに非常に効果的です。
1。SYNTAXHIGHLIGHTER最高のJavaScriptコードを強調表示するプラグイン
SynTaxhighlighterは、JavaScriptに完全に基づいたプラグインを強調するコードです。 SynTaxHighlighterは、ほとんどのプログラミング言語を色付けしてレンダリングでき、コードの強調のパフォーマンスも非常に優れています。 SynTaxhighlighterは、テーマファイルをカスタマイズし、初期化時にお気に入りのテーマを指定できます。
公式ウェブサイト:http://alexgorbatchev.com/syntaxhighlighter/
2。Googleコードは、無料のJavaScriptコードを強調表示します。プラグインを強調表示します
Google Code Prettifyは、Googleが起動したプラグインを強調するJavaScriptコードです。 Google Code Prettifyは、C/C ++、Java、Python、Ruby、PHP、Visual Basic、Awk、Bash、SQL、HTML、XML、CSS、JavaScript、MakeFiles、およびPerlプログラミング言語コードを強調表示および色にすることができます。
公式ウェブサイト:http://code.google.com/p/google-code-prettify/
3。Highlight.jsマルチスタイルのJavaScriptコードハイライトプラグイン
Highlight.jsは、さまざまなサンプルソースコードの構文を表示するために、任意のWebページでハイライトとシェーディングのためのJavaScriptプロジェクトです。次の特性があります。
公式ウェブサイト:https://highlightjs.org/
4。Prism.js -Lightweight JavaScriptコードは、プラグインを強調表示します
Prism.jsは現在、プラグインを強調する最も軽いJavaScriptコードです。圧縮後わずか2kbです。 Prism.jsは、最も人気のあるプログラミング言語もサポートし、さまざまなテーマスタイルをサポートしています。開発者は、CSSファイルとJSファイルを参照してそれを完了する必要があります。
公式ウェブサイト:http://prismjs.com/
5。JQUERY.SYNTAXJQUERY LightWeight Code Pluginを強調します
プラグインを強調表示するこのコードは、jQueryに基づいており、軽量であり、非常に高速にレンダリングされます。同時に、jquery.syntaxには、WordPress用のプラグインアプリケーションもあります。個人的なブロガーの場合、WordPressとjQuery.syntaxを使用すると、0世代の強調機能を完全に実現できます。
公式ウェブサイト:http://www.codeotaku.com/projects/jquery-syntax/index.en
6. dlhighlight jqueryプラグインを強調表示するシンプルで効率的なコード
DLHighlightは、JavaScriptベースのコードを強調表示するプラグインです。これは非常にシンプルで、現在はJavaScript、CSS、XML、およびHTMLのみをサポートしています。
公式ウェブサイト:http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine
7. Rainbow.js拡張可能なJavaScriptコードプラグインを強調表示します
Rainbowは、JavaScriptによって開発された構文ハイライトツールです。軽量として設計されている(圧縮後は1.4 kb)、使用が簡単でスケーラブルです。テーマの強調表示は、CSSを通じて完全に定義されています。正規表現に基づいて実装されています。
公式ウェブサイト:http://craig.is/making/rainbows
これらのJavaScriptコードを強調表示するプラグインが一般的に使用されています。プラグインを強調表示するコードが優れている場合は、お知らせください。
要約:
最良のものはあなたに最も適したものであるため、この記事の順序は最も推奨されることを意味しません。プロジェクトのニーズに応じて選択する必要があります。