分享15個(gè)美化代碼的代碼語(yǔ)法高亮工具

開發(fā)者和頑固的代碼極客深知Code Syntax Highlighter（以下簡(jiǎn)稱“代碼語(yǔ)法高亮工具”）作為二級(jí)符號(hào)的一種形式，便于在一個(gè)結(jié)構(gòu)化語(yǔ)言或標(biāo)記語(yǔ)言里書寫代碼。有些代碼高亮編輯器里融合了多個(gè)語(yǔ)法高亮功能，例如拼寫檢查、代碼折疊。語(yǔ)法高亮工具可以在總體策略的使用上起到較大的作用：改善文本的可讀性和上下文語(yǔ)境，尤其是在代碼頁(yè)數(shù)較多的情況下。另外還能幫助開發(fā)者快速在編程過(guò)程中定位bug源頭。

不管你是一個(gè)代碼極客還是一個(gè)吊兒郎當(dāng)?shù)拇a農(nóng)，下面為你提供的代碼語(yǔ)法高亮工具保證能讓你寫的代碼煥然一新。

1. Prism

Prism是一個(gè)只有1.5KB大小的壓縮版輕量級(jí)工具，能夠簡(jiǎn)單方便的整合到CSS和JavaScript文件里，運(yùn)行速度很快。已經(jīng)使用在Dabblet里（一個(gè)交互式的CSS場(chǎng)地）美化了很多代碼，所以說(shuō)Prism很穩(wěn)定。新的編程語(yǔ)言也可以加入進(jìn)來(lái)，在使用這個(gè)插件架構(gòu)的前提下，新加入的語(yǔ)言功能性將不斷提升；外觀風(fēng)格和使用感覺(jué)都可以通過(guò)CSS來(lái)設(shè)計(jì)。

2. Rainbows

Rainbow是一款用JavaScript腳本編寫的只有1.4KB的輕量級(jí)工具。它只需要在有必要高亮顯示的語(yǔ)言上使用JavaScript模型來(lái)保持事情簡(jiǎn)單化就可以了。同樣，顏色和字體可以通過(guò)CSS主題支持來(lái)完全自定義。

3. Snippet

Snippet是一個(gè)jQuery插件，建立在SHJS腳本的頂部以此來(lái)高亮顯示HTML文件里的源代碼。它支持很多種類的腳本語(yǔ)言：JavaScript、SQL、PHP和Ruby等等。其包含39個(gè)內(nèi)置的獨(dú)一無(wú)二的配色圖案，可以不斷的變換調(diào)試。

4. Geshi

這是一個(gè)高度自定義的語(yǔ)法高亮顯示工具，可以在網(wǎng)頁(yè)里用來(lái)更好的展示代碼片段。Geshi經(jīng)過(guò)開發(fā)后來(lái)應(yīng)用在phpBB論壇軟件上，但在功能特性上仍然是分開使用的。此外，這個(gè)語(yǔ)法高亮工具支持幾乎所有的流行編程語(yǔ)言，像ActionScript、ASP、C、JAVA、PHP、Ruby和SQL等等。

5. Syntax Highlighter

Syntax Highlighter幫助一個(gè)開發(fā)者/碼農(nóng)輕松在線公布代碼片段，而且代碼的外觀看上去也很不錯(cuò)。說(shuō)白了，它就是一個(gè)100%建立在JavaScript基礎(chǔ)上的高亮顯示工具，不用考慮服務(wù)器上有什么其他東西。支持多款編程語(yǔ)言，壓縮后的核心庫(kù)只有11KB大小。然而，Syntax Highlighter并不具備編寫高亮代碼的能力，也不為用戶提供編寫源代碼的能力。

6. Google Code Prettify

這是在Google Code網(wǎng)站使用的腳本。這個(gè)腳本能夠自動(dòng)查出正在使用的編程語(yǔ)言，進(jìn)行相應(yīng)的美化。同時(shí)也可以通過(guò)CSS來(lái)自定義。

7. Hightlight.js

Hightlight.js基本上不需要采用復(fù)雜的步驟就可以使用了，因?yàn)樗淖詣?dòng)化程度很高：找出代碼塊，檢測(cè)語(yǔ)言，高亮顯示一下就行了。它已經(jīng)開始支持第三方應(yīng)用程序，并提供Firefox擴(kuò)展程序用于查看代碼，但是沒(méi)有語(yǔ)法高亮顯示。

8. SHJS:Syntax Highlighting in JavaScript

SHJS是一個(gè)JavaScript程序，它可以高亮顯示在HTML文檔里的源代碼段落。文件使用SHJS將會(huì)通過(guò)web瀏覽器高亮顯示在客戶端。這就賦予了SHJS一項(xiàng)功能，那就是能夠高亮顯示源代碼是使用不同的語(yǔ)言編寫的。

9. Quick Highlighter

這個(gè)在線高亮工具提供許多編碼語(yǔ)言，你可以選擇多個(gè)選項(xiàng)將這些編碼語(yǔ)言集體高亮顯示。在高亮顯示代碼、Combine Style、HTML Code、Highlight內(nèi)置關(guān)鍵詞、數(shù)據(jù)類型、Strict Mode和Wrap過(guò)剩文本之前你可以選擇檢查或者不檢查代碼。

10. Ultraviolet

Ultraviolet是一個(gè)運(yùn)行在Ruby上的語(yǔ)法高亮引擎，支持50種以上的編程語(yǔ)言和20種以上的主題。

11. Pygments:Python Syntax Highlighter

這款語(yǔ)法高亮工具是用Python構(gòu)建的，支持大部分的編程語(yǔ)言、多種輸出格式，它還可以被當(dāng)作是一個(gè)命令行工具或者是一個(gè)類庫(kù)來(lái)使用。

12. Lighter for MooTools

Lighter是一個(gè)免費(fèi)的語(yǔ)法高亮工具，專門為MooTools而開發(fā)的。MooTools開發(fā)者在創(chuàng)建Lighter之初運(yùn)用了許多框架結(jié)構(gòu)上的功能特點(diǎn)。它運(yùn)用起來(lái)就像是在網(wǎng)頁(yè)上添加一個(gè)單獨(dú)的腳本那樣簡(jiǎn)單，選擇你想要高亮顯示的元素，Lighter會(huì)自動(dòng)處理其余部分。

13. CodePress

CodePress是一個(gè)基于網(wǎng)絡(luò)的源代碼編輯器，帶有用JavaScript編寫的語(yǔ)法高亮工具，隨著在瀏覽器里連續(xù)打字，文本的顏色會(huì)實(shí)時(shí)發(fā)生變化。除此以外，它還有代碼片段、自動(dòng)完成、快捷方式和多窗口功能。

14. Beauty of Code

這個(gè)jQuery語(yǔ)法高亮插件使用的是Alex Gorbatchev里的語(yǔ)法高亮顯示，但有一點(diǎn)不一樣：它能夠產(chǎn)生更多的xhtml兼容的代碼。

15. Jush JavaScript Syntax Highlighter

JavaScript Syntax Highlighter可以用在客戶端的語(yǔ)法高亮程序里，支持的語(yǔ)言有HTML、CSS、JavaScript、PHP、SQL、HTTP、SMTP協(xié)議、php.ini和Apache配置。

原文：CodeGeekz