2016年最熱門的15 款代碼文法高亮工具，美化你的代碼，2016年高亮

2016年最熱門的15 款代碼文法高亮工具，美化你的代碼，2016年高亮

前言：

代碼高亮很有用，特別是在需要在網站或者blog中顯示自己編寫的代碼的時候，或者給其他人查看或調試語法錯誤的時候。我們可以將代碼高亮，以便閱讀者可以十分方便的讀取代碼塊，增加使用者閱讀代碼的良好體驗。

文法高亮是文字編輯器用來顯示文本的，特別是原始碼，根據不同的類別來用不同的顏色和字型顯示。這個功能有助於編寫結構化的語言，比如程式設計語言，標記語言，這些語言的語法錯誤顯示是有區別的。文法高亮並不會影響文本自身的意義，而且能很好的符合人們的閱讀習慣。

目前，有很多免費而且有用的代碼高亮指令碼。這些指令碼大多是由Javascript語言編寫，也有些使用其它語言(比如java、Phyton或Ruby)等寫的。

下面來推薦最受歡迎、最實用的9個Javascript代碼高亮指令碼。

1. SyntaxHighlighter

我相信這是最普遍代碼高亮代碼。它支援多種不同的語言，而且如果你使用的語言不被預設支援，你也可以很簡單的建立新“刷子”。

2. SHJS

SHJS是Syntax Highlighting in Javascript的簡寫。It 來自於GNU 源碼高亮語言。並支援很多種程式設計語言。經測試SHJS 支援主流瀏覽器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.

3. beautyOfCode

beautyOfCode 是一款jQuery 代碼高亮外掛程式。它使用SyntaxHighlighter 的指令碼，並使其更好的相容XHTML。

4. Chili

Chili 是一個jQuery代碼高亮外掛程式。它捆綁了很多種語言支援，並支援多個設定選項。

5.Lighter.js

Lighter.js是一款免費的MooTools代碼高亮外掛程式。使用lighter.js簡單到只需要在你的頁面中添加一段簡單的指令碼就OK了。

6. Highlight.js

highlight.js是一款非常容易使用的高亮指令碼，支援多種程式設計語言。它還有一些很有用的外掛程式，很容易的部署到其它CMS、論壇或部落格。

7. DlHighlight

DlHighlight是一款簡單的代碼高亮指令碼，它只支援4種程式設計語言：JavaScript, CSS, XML, HTML.

8. Google Code Prettify

Google Code Prettify 有一個JavaScript模型和CSS檔案，支援HTML頁面中的文法高亮。

9. JUSH

JUSH是另一個jQuery文法高亮外掛程式，支援多種程式設計語言，比如： HTML、CSS、 PHP、PY 和 SQL.

以上給大家總結了九款比較實用的javascript代碼高亮顯示的指令碼，總之，要根據自己的需要，選擇適合自己的那款。

下面給大家分享15 款代碼文法高亮工具，美化你的代碼

文法高亮是文字編輯器用來顯示文本的，特別是原始碼，根據不同的類別來用不同的顏色和字型顯示。這個功能有助於編寫結構化的語言，比如程式設計語言，標記語言，這些語言的語法錯誤顯示是有區別的。文法高亮並不會影響文本自身的意義，而且能很好的符合人們的閱讀習慣。

文法高亮同時也能協助開發人員很快的找到他們程式中的錯誤。例如，大部分編輯器會用不同的顏色突出字串常量。所以，非常容易發現是否遺漏了分隔字元，因為相對於其他文本顏色不同。

現 在有各種各樣的文法高亮工具，可以格式化語言，並且根據不同的程式設計語言進行高亮顯示。無論是個 HTML 頁面還是 PHP，Ruby，Python 或者是 ASP。這篇文章中，我們會介紹 15 款最好的代碼文法高亮工具，協助大家用更迷人的方式展示程式碼片段。Enjoy！

Prism

Prism 是一個輕量級，可擴充的文法著色工具，符合 Web 標準。它壓縮後只有 1.5KB，並且非常便於使用，只需要插入一個 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.4kb 大小。易用、可擴充、完全通過 CSS 進行樣式顯示。完全支援 CSS 主題定製顏色和字型。

Highlight.js

Highlight.js 是一個用於在任何web頁面上著色顯示各種樣本原始碼文法的JS項目。支援 26 種代碼格式化風格，54 種語言： – 1C, AVR Assembler, Apache, Axapta, Bash, C#, C++, CSS, DOS .bat, Delphi, Django, HTML, XML, Ini, Java, Javascript, Lisp, MEL (Maya Embedded Language), PHP, Perl, Python, Python profile, RenderMan (RIB, RSL), Ruby, SQL, Smalltalk, VBScript, 其他更多。

 

Quick Highlighter

這是款線上代碼高亮工具，提供多種程式設計語言的高亮，使用者可以通過幾個選項來進行不同類別的代碼高亮。

 

Google Code Prettify

這 是款 JavaScript 模組和 CSS 檔案，允許在一個 HTML 檔案中進行原始碼的文法高亮。它支援代碼中的嵌入式連結，行號等等。它的應用非常廣泛，支援跨瀏覽器。得到 code.google.com 和 stackoverflow.com 的一致認可。

 

Snippet

Snippet 是個 jQuery 文法高亮外掛程式，在 SHJS 指令碼中構建。Snippet 提供一個快速簡單的方式來進行 HTML 文檔的代碼高亮。它原生支援 15 中流行語言，支援 39 種獨特的文法高亮風格模式。

 

CodePress

CodePress 是個基於 web 的原始碼編輯器，當在瀏覽器中編寫 JavaScriptis 代碼的時候能即時的進行代碼高亮。

 

JavaScript Syntax Highlighter

JavaScript Syntax Highlighter 是個用戶端代碼高亮工具，支援的語言有：HTML, CSS, JavaScript, PHP, SQL, HTTP 和SMTP 協議， php.ini 和 Apache 配置，支援所有主流的瀏覽器： Internet Explorer, Firefox, Opera and 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 是個通用代碼文法高亮工具，許多常用的軟體都使用了這款工具，比如論壇系統，wikis 或者其他需要美化代碼的應用。 Pygments 支援範圍非常廣泛的程式設計語言，和大量的輸出格式，包括 HTML, RTF, LaTeX 和 ANSI 序列。

Ultraviolet

Ultraviolet 是個基於 Textpow 的代碼文法高亮引擎。自從使用了 Textmate 文法高亮檔案，就能支援超過 50 中語言的文法高亮顯示和 20 種不同的主題，而且是開箱即用哦。

Lighter

Lighter 是一款免費的MooTools代碼高亮外掛程式。使用lighter.js簡單到只需要在你的頁面中添加一段簡單的指令碼就OK了。

beautyOfCode

這是個 jQuery 文法高亮外掛程式，使用 Alex Gorbatchev 的 SyntaxHighlighter，但是這個外掛程式相容 xhtml 文法。

SyntaxHighlighter

SyntaxHighlighter 是個功能齊全的獨立代碼文法高亮工具，使用 JavaScript 編寫。目前已經得到了 Apache, Aptana, Mozilla, Yahoo, Wordpress, Bug Labs, Freshbooks 的一致認可，並且都在使用。
SyntaxHighlighter 允許在 web 頁面插入彩色程式碼片段，不需要依賴任何伺服器端指令碼。

您可能感興趣的文章:

• JavaScript版代碼高亮
• ASP文法高亮類代碼
• 用js尋找法實現當前欄目的高亮顯示的代碼
• js相容IE6,IE7菜單高亮顯示效果代碼
• javascript網頁關鍵字高亮代碼
• 高效的表格行背景隔行變色及選定高亮的JS代碼
• jQuery文法高亮外掛程式支援各種程式原始碼文法著色加亮
• 分享15個美化代碼的代碼文法高亮工具
• 用JS將搜尋的關鍵字高亮顯示實現代碼
• 如何?Regex的JavaScript的代碼高亮
• 2014最熱門的JavaScript代碼高亮外掛程式推薦