前言：

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

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

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

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

1. SyntaxHighlighter

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

2. SHJS

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

3. beautyOfCode

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

4. Chili

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

5.Lighter.js

Lighter.js是一款免費(fèi)的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.

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

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

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

語法高亮同時也能幫助開發(fā)者很快的找到他們程序中的錯誤。例如，大部分編輯器會用不同的顏色突出字符串常量。所以，非常容易發(fā)現(xiàn)是否遺漏了分隔符，因?yàn)橄鄬τ谄渌谋绢伾煌?/p>

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

Prism

Prism 是一個輕量級，可擴(kuò)展的語法著色工具，符合 Web 標(biāo)準(zhǔn)。它壓縮后只有 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 等系統(tǒng)中使用。

Rainbow

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

Highlight.js

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

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

Google Code Prettify

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

Snippet

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

CodePress

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

JavaScript Syntax Highlighter

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

Chili

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

Pygments

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

Ultraviolet

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

Lighter

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

beautyOfCode

這是個 jQuery 語法高亮插件，使用 Alex Gorbatchev 的 SyntaxHighlighter，但是這個插件兼容 xhtml 語法。

SyntaxHighlighter

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

最新評論