前言：

代碼高亮很有用，特別是在需要在網(wǎng)站或者blog中顯示自己編寫(xiě)的代碼的時(shí)候，或者給其他人查看或調(diào)試語(yǔ)法錯(cuò)誤的時(shí)候。我們可以將代碼高亮，以便閱讀者可以十分方便的讀取代碼塊，增加用戶閱讀代碼的良好體驗(yàn)。

語(yǔ)法高亮是文本編輯器用來(lái)顯示文本的，特別是源代碼，根據(jù)不同的類別來(lái)用不同的顏色和字體顯示。這個(gè)功能有助于編寫(xiě)結(jié)構(gòu)化的語(yǔ)言，比如編程語(yǔ)言，標(biāo)記語(yǔ)言，這些語(yǔ)言的語(yǔ)法錯(cuò)誤顯示是有區(qū)別的。語(yǔ)法高亮并不會(huì)影響文本自身的意義，而且能很好的符合人們的閱讀習(xí)慣。

目前，有很多免費(fèi)而且有用的代碼高亮腳本。這些腳本大多是由Javascript語(yǔ)言編寫(xiě)，也有些使用其它語(yǔ)言(比如java、Phyton或Ruby)等寫(xiě)的。

下面來(lái)推薦最受歡迎、最實(shí)用的9個(gè)Javascript代碼高亮腳本。

1. SyntaxHighlighter

我相信這是最普遍代碼高亮代碼。它支持多種不同的語(yǔ)言，而且如果你使用的語(yǔ)言不被默認(rèn)支持，你也可以很簡(jiǎn)單的創(chuàng)建新“刷子”。

2. SHJS

SHJS是Syntax Highlighting in Javascript的簡(jiǎn)寫(xiě)。It 來(lái)自于GNU 源碼高亮語(yǔ)言。并支持很多種編程語(yǔ)言。經(jīng)測(cè)試SHJS 支持主流瀏覽器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.

3. beautyOfCode

beautyOfCode 是一款jQuery 代碼高亮插件。它使用SyntaxHighlighter 的腳本，并使其更好的兼容XHTML。

4. Chili

Chili 是一個(gè)jQuery代碼高亮插件。它捆綁了很多種語(yǔ)言支持，并支持多個(gè)設(shè)置選項(xiàng)。

5.Lighter.js

Lighter.js是一款免費(fèi)的MooTools代碼高亮插件。使用lighter.js簡(jiǎn)單到只需要在你的頁(yè)面中添加一段簡(jiǎn)單的腳本就OK了。

6. Highlight.js

highlight.js是一款非常容易使用的高亮腳本，支持多種編程語(yǔ)言。它還有一些很有用的插件，很容易的部署到其它CMS、論壇或博客。

7. DlHighlight

DlHighlight是一款簡(jiǎn)單的代碼高亮腳本，它只支持4種編程語(yǔ)言：JavaScript, CSS, XML, HTML.

8. Google Code Prettify

Google Code Prettify 有一個(gè)JavaScript模型和CSS文件，支持HTML頁(yè)面中的語(yǔ)法高亮。

9. JUSH

JUSH是另一個(gè)jQuery語(yǔ)法高亮插件，支持多種編程語(yǔ)言，比如： HTML、CSS、 PHP、PY 和 SQL.

以上給大家總結(jié)了九款比較實(shí)用的javascript代碼高亮顯示的腳本，總之，要根據(jù)自己的需要，選擇適合自己的那款。

下面給大家分享15 款代碼語(yǔ)法高亮工具，美化你的代碼

語(yǔ)法高亮是文本編輯器用來(lái)顯示文本的，特別是源代碼，根據(jù)不同的類別來(lái)用不同的顏色和字體顯示。這個(gè)功能有助于編寫(xiě)結(jié)構(gòu)化的語(yǔ)言，比如編程語(yǔ)言，標(biāo)記語(yǔ)言，這些語(yǔ)言的語(yǔ)法錯(cuò)誤顯示是有區(qū)別的。語(yǔ)法高亮并不會(huì)影響文本自身的意義，而且能很好的符合人們的閱讀習(xí)慣。

語(yǔ)法高亮同時(shí)也能幫助開(kāi)發(fā)者很快的找到他們程序中的錯(cuò)誤。例如，大部分編輯器會(huì)用不同的顏色突出字符串常量。所以，非常容易發(fā)現(xiàn)是否遺漏了分隔符，因?yàn)橄鄬?duì)于其他文本顏色不同。

現(xiàn) 在有各種各樣的語(yǔ)法高亮工具，可以格式化語(yǔ)言，并且根據(jù)不同的編程語(yǔ)言進(jìn)行高亮顯示。無(wú)論是個(gè) HTML 頁(yè)面還是 PHP，Ruby，Python 或者是 ASP。這篇文章中，我們會(huì)介紹 15 款最好的代碼語(yǔ)法高亮工具，幫助大家用更迷人的方式展示代碼片段。Enjoy！

Prism

Prism 是一個(gè)輕量級(jí)，可擴(kuò)展的語(yǔ)法著色工具，符合 Web 標(biāo)準(zhǔn)。它壓縮后只有 1.5KB，并且非常易于使用，只需要插入一個(gè) CSS 和 JS 文件即可。

GeSHi

GeSHi(Generic Syntax Highlighter)用于在HTML頁(yè)面中高亮顯示各種源代碼。支持超過(guò)60種語(yǔ)言：PHP、HTML、C、Java、Java5、C#、 Actionscript、Delphi、C++、Groovy、Javascript、Perl、PL/SQL、Ruby、Python、SQL、 XML等，并易于集成到 Dokuwiki，Mambo，phpBB，WordPress 和 WikkaWiki 等系統(tǒng)中使用。

Rainbow

Rainbow 是一個(gè)對(duì)代碼進(jìn)行語(yǔ)法著色的輕量級(jí) JavaScript 庫(kù)，只有 1.4kb 大小。易用、可擴(kuò)展、完全通過(guò) CSS 進(jìn)行樣式顯示。完全支持 CSS 主題定制顏色和字體。

Highlight.js

Highlight.js 是一個(gè)用于在任何web頁(yè)面上著色顯示各種示例源代碼語(yǔ)法的JS項(xiàng)目。支持 26 種代碼格式化風(fēng)格，54 種語(yǔ)言： – 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

這是款在線代碼高亮工具，提供多種編程語(yǔ)言的高亮，用戶可以通過(guò)幾個(gè)選項(xiàng)來(lái)進(jìn)行不同類別的代碼高亮。

Google Code Prettify

這 是款 JavaScript 模塊和 CSS 文件，允許在一個(gè) HTML 文件中進(jìn)行源代碼的語(yǔ)法高亮。它支持代碼中的嵌入式鏈接，行號(hào)等等。它的應(yīng)用非常廣泛，支持跨瀏覽器。得到 code.google.com 和 stackoverflow.com 的一致認(rèn)可。

Snippet

Snippet 是個(gè) jQuery 語(yǔ)法高亮插件，在 SHJS 腳本中構(gòu)建。Snippet 提供一個(gè)快速簡(jiǎn)單的方式來(lái)進(jìn)行 HTML 文檔的代碼高亮。它原生支持 15 中流行語(yǔ)言，支持 39 種獨(dú)特的語(yǔ)法高亮風(fēng)格模式。

CodePress

CodePress 是個(gè)基于 web 的源代碼編輯器，當(dāng)在瀏覽器中編寫(xiě) JavaScriptis 代碼的時(shí)候能實(shí)時(shí)的進(jìn)行代碼高亮。

JavaScript Syntax Highlighter

JavaScript Syntax Highlighter 是個(gè)客戶端代碼高亮工具，支持的語(yǔ)言有：HTML, CSS, JavaScript, PHP, SQL, HTTP 和SMTP 協(xié)議， php.ini 和 Apache 配置，支持所有主流的瀏覽器： Internet Explorer, Firefox, Opera and Google Chrome。JUSH 同時(shí)也是個(gè) jQuery 和 WordPress 插件。

Chili

Chili 是個(gè) jQuery 代碼高亮插件，可以快速的進(jìn)行代碼高亮，設(shè)置非常簡(jiǎn)單，完全自定義，而且有著完整的文檔。
此 插件支持的語(yǔ)言有： C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, XHTM；支持的瀏覽器有： Internet Explorer, Firefox, Opera 和 Safari。

Pygments

Pygments 是個(gè)通用代碼語(yǔ)法高亮工具，許多常用的軟件都使用了這款工具，比如論壇系統(tǒng)，wikis 或者其他需要美化代碼的應(yīng)用。 Pygments 支持范圍非常廣泛的編程語(yǔ)言，和大量的輸出格式，包括 HTML, RTF, LaTeX 和 ANSI 序列。

Ultraviolet

Ultraviolet 是個(gè)基于 Textpow 的代碼語(yǔ)法高亮引擎。自從使用了 Textmate 語(yǔ)法高亮文件，就能支持超過(guò) 50 中語(yǔ)言的語(yǔ)法高亮顯示和 20 種不同的主題，而且是開(kāi)箱即用哦。

Lighter

Lighter 是一款免費(fèi)的MooTools代碼高亮插件。使用lighter.js簡(jiǎn)單到只需要在你的頁(yè)面中添加一段簡(jiǎn)單的腳本就OK了。

beautyOfCode

這是個(gè) jQuery 語(yǔ)法高亮插件，使用 Alex Gorbatchev 的 SyntaxHighlighter，但是這個(gè)插件兼容 xhtml 語(yǔ)法。

SyntaxHighlighter

SyntaxHighlighter 是個(gè)功能齊全的獨(dú)立代碼語(yǔ)法高亮工具，使用 JavaScript 編寫(xiě)。目前已經(jīng)得到了 Apache, Aptana, Mozilla, Yahoo, Wordpress, Bug Labs, Freshbooks 的一致認(rèn)可，并且都在使用。
SyntaxHighlighter 允許在 web 頁(yè)面插入彩色代碼片段，不需要依賴任何服務(wù)器端腳本。

最新評(píng)論