ソース コードを美しくする 15 個のコード構文シェーダーを共有_html/css_WEB-ITnose

構文の強調表示は、テキスト、特にソースコードを、さまざまなカテゴリに応じてさまざまな色とフォントで表示するためにテキストエディターによって使用されます。この機能は、プログラミング言語やマークアップ言語などの構造化言語を記述する場合に役立ちます。これらの言語では構文エラーの表示が異なります。構文の強調表示はテキスト自体の意味には影響せず、人々の読書習慣によく適合します。

構文の強調表示は、開発者がプロ​​グラム内のエラーを素早く見つけるのにも役立ちます。たとえば、ほとんどのエディタでは文字列定数が異なる色で強調表示されます。したがって、区切り文字がテキストの残りの部分と異なる色になるため、区切り文字が欠落していることを見つけるのは非常に簡単です。

現在、さまざまなプログラミング言語に従って言語をフォーマットし、強調表示できるさまざまな構文強調表示ツールがあります。 HTML ページであっても、PHP、Ruby、Python、ASP であっても。この記事では、コード スニペットをより魅力的な方法で表示するのに役立つ、コード構文強調表示ツールの 15 個を紹介します。楽しむ！

Prism

Prism は、Web 標準に準拠した軽量で拡張可能な構文色付けツールです。これは gzip 圧縮されたわずか 1.5 KB で、CSS と JS ファイルを挿入するだけで非常に使いやすくなります。

GeSHi

GeSHi (Generic Syntax Highlighter) は、HTML ページ内のさまざまなソース コードを強調表示するために使用されます。 60 以上の言語をサポートしています: PHP、HTML、C、Java、Java5、C#、Actionscript、Delphi、C++、Groovy、JavaScript、Perl、PL/SQL、Ruby、Python、SQL、XML など。 Dokuwiki、Mambo 、phpBB、WordPress、WikkaWiki などのシステムで使用されます。

Rainbow

Rainbow は、コードの構文を色分けするための軽量 JavaScript ライブラリで、サイズはわずか 1.4 kb です。使いやすく、拡張可能で、完全に CSS を介してスタイル設定されます。 CSS テーマのカスタム色とフォントを完全にサポートします。

Highlight.js

Highlight.js は、Web ページ上のさまざまなサンプル ソース コードの構文を色付けするための JS プロジェクトです。 26 のコード形式スタイルと 54 の言語をサポート: 1C、AVR アセンブラー、Apache、Axapta、Bash、C#、C++、CSS、DOS .bat、Delphi、Django、HTML、XML、Ini、Java、JavaScript、Lisp、MEL (Maya)埋め込み言語)、PHP、Perl、Python、Python プロファイル、RenderMan (RIB、RSL)、Ruby、SQL、Smalltalk、VBScript など。

クイック ハイライター

これは、複数のプログラミング言語のハイライトを提供するオンライン コード ハイライト ツールです。ユーザーは、複数のオプションを使用して、さまざまなカテゴリのコード ハイライトを実行できます。

Google Code Prettify

これは、HTML ファイル内のソース コードの構文ハイライトを可能にする JavaScript モジュールおよび CSS ファイルです。コード内の埋め込みリンク、行番号などをサポートします。幅広いアプリケーションがあり、クロスブラウザをサポートしています。 code.google.com および stackoverflow.com によって承認されています。

Snippet

Snippet は、SHJS スクリプトに組み込まれた jQuery 構文強調表示プラグインです。スニペットを使用すると、HTML ドキュメントでコードの強調表示を迅速かつ簡単に実行できます。 15 の一般的な言語をネイティブにサポートし、39 の独自の構文強調表示スタイル モードをサポートします。

CodePress

CodePress は、ブラウザーで JavaScript コードを記述するときにリアルタイムでコードのハイライトを実行できる Web ベースのソース コード エディターです。

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

JavaScript シンタックス ハイライターは、クライアント側のコード ハイライト ツールです: HTML、CSS、JavaScript、PHP、SQL、HTTP および SMTP プロトコル、php.ini およびApache 構成は、すべての主要なブラウザー (Internet Explorer、Firefox、Opera、Google Chrome) をサポートします。 JUSH は jQuery および WordPress プラグインでもあります。

Chili
Chili は、コードの強調表示を迅速に実行できる jQuery コード強調表示プラグインです。設定が非常に簡単で、完全にカスタマイズ可能で、完全なドキュメントが用意されています。
このプラグインでサポートされている言語は、C++、C#、CSS、Delphi、Java、JavaScript、LotusScript、MySQL、PHP、XHTM、サポートされているブラウザは、Internet Explorer、Firefox、Opera、Safari です。

Pygments

Pygments は、コードを美しくする必要があるフォーラム システム、Wiki、その他のアプリケーションなど、一般的に使用される多くのソフトウェアで使用されるユニバーサル コード構文強調表示ツールです。 Pygments は、非常に幅広いプログラミング言語と、HTML、RTF、LaTeX、ANSI シーケンスなどの多数の出力形式をサポートしています。

Ultraviolet

Ultraviolet は、Textpow に基づいたコード構文強調表示エンジンです。 Textmate 構文強調表示ファイルを使用しているため、50 を超える言語と 20 の異なるテーマで構文強調表示をサポートでき、すぐに使用できます。

Lighter

Lighter は、無料の MooTools コード強調表示プラグインです。 lighter.js の使用は、単純なスクリプトをページに追加するのと同じくらい簡単です。

beautyOfCode

これは、Alex Gorbatchev の SyntaxHighlighter を使用した jQuery 構文強調表示プラグインですが、このプラグインは xhtml 構文と互換性があります。

SyntaxHighlighter

SyntaxHighlighter は、JavaScript で書かれた完全に機能する独立したコード構文強調表示ツールです。これは、Apache、Aptana、Mozilla、Yahoo、Wordpress、Bug Labs、Freshbooks によって満場一致で認められ、使用されています。
SyntaxHighlighter を使用すると、サーバー側のスクリプトに依存せずに、Web ページに色付きのコード スニペットを挿入できます。

From: realcombiz.com