本文作者是Gavin McLeod,一個被困在《電子世界爭霸戰(zhàn)》里的骨灰級Web極客。在文中列舉了15個幫助開發(fā)者快速編碼、優(yōu)化代碼的語法高亮工具,每個高亮工具都有其功能特色。(以下是編譯內容)
開發(fā)者和頑固的代碼極客深知Code Syntax Highlighter(以下簡稱“代碼語法高亮工具”)作為二級符號的一種形式,便于在一個結構化語言或標記語言里書寫代碼。有些代碼高亮編輯器里融合了多個語法高亮功能,例如拼寫檢查、代碼折疊。語法高亮工具可以在總體策略的使用上起到較大的作用:改善文本的可讀性和上下文語境,尤其是在代碼頁數(shù)較多的情況下。另外還能幫助開發(fā)者快速在編程過程中定位bug源頭。
不管你是一個代碼極客還是一個吊兒郎當?shù)拇a農,下面為你提供的代碼語法高亮工具保證能讓你寫的代碼煥然一新。
1. Prism
Prism是一個只有1.5KB大小的壓縮版輕量級工具,能夠簡單方便的整合到CSS和JavaScript文件里,運行速度很快。已經使用在Dabblet里(一個交互式的CSS場地)美化了很多代碼,所以說Prism很穩(wěn)定。新的編程語言也可以加入進來,在使用這個插件架構的前提下,新加入的語言功能性將不斷提升;外觀風格和使用感覺都可以通過CSS來設計。
2. Rainbows
Rainbow是一款用JavaScript腳本編寫的只有1.4KB的輕量級工具。它只需要在有必要高亮顯示的語言上使用JavaScript模型來保持事情簡單化就可以了。同樣,顏色和字體可以通過CSS主題支持來完全自定義。
3. Snippet
Snippet是一個jQuery插件,建立在SHJS腳本的頂部以此來高亮顯示HTML文件里的源代碼。它支持很多種類的腳本語言:JavaScript、SQL、PHP和Ruby等等。其包含39個內置的獨一無二的配色圖案,可以不斷的變換調試。
4. Geshi
這是一個高度自定義的語法高亮顯示工具,可以在網(wǎng)頁里用來更好的展示代碼片段。Geshi經過開發(fā)后來應用在phpBB論壇軟件上,但在功能特性上仍然是分開使用的。此外,這個語法高亮工具支持幾乎所有的流行編程語言,像ActionScript、ASP、C、JAVA、PHP、Ruby和SQL等等。
5. Syntax Highlighter
Syntax Highlighter幫助一個開發(fā)者/碼農輕松在線公布代碼片段,而且代碼的外觀看上去也很不錯。說白了,它就是一個100%建立在JavaScript基礎上的高亮顯示工具,不用考慮服務器上有什么其他東西。支持多款編程語言,壓縮后的核心庫只有11KB大小。然而,Syntax Highlighter并不具備編寫高亮代碼的能力,也不為用戶提供編寫源代碼的能力。
6. Google Code Prettify
這是在Google Code網(wǎng)站使用的腳本。這個腳本能夠自動查出正在使用的編程語言,進行相應的美化。同時也可以通過CSS來自定義。
7. Hightlight.js
Hightlight.js基本上不需要采用復雜的步驟就可以使用了,因為它的自動化程度很高:找出代碼塊,檢測語言,高亮顯示一下就行了。它已經開始支持第三方應用程序,并提供Firefox擴展程序用于查看代碼,但是沒有語法高亮顯示。
8. SHJS:Syntax Highlighting in JavaScript
SHJS是一個JavaScript程序,它可以高亮顯示在HTML文檔里的源代碼段落。文件使用SHJS將會通過web瀏覽器高亮顯示在客戶端。這就賦予了SHJS一項功能,那就是能夠高亮顯示源代碼是使用不同的語言編寫的。
9. Quick Highlighter
這個在線高亮工具提供許多編碼語言,你可以選擇多個選項將這些編碼語言集體高亮顯示。在高亮顯示代碼、Combine Style、HTML Code、Highlight內置關鍵詞、數(shù)據(jù)類型、Strict Mode和Wrap過剩文本之前你可以選擇檢查或者不檢查代碼。
10. Ultraviolet
Ultraviolet是一個運行在Ruby上的語法高亮引擎,支持50種以上的編程語言和20種以上的主題。
11. Pygments:Python Syntax Highlighter
這款語法高亮工具是用Python構建的,支持大部分的編程語言、多種輸出格式,它還可以被當作是一個命令行工具或者是一個類庫來使用。
12. Lighter for MooTools
Lighter是一個免費的語法高亮工具,專門為MooTools而開發(fā)的。MooTools開發(fā)者在創(chuàng)建Lighter之初運用了許多框架結構上的功能特點。它運用起來就像是在網(wǎng)頁上添加一個單獨的腳本那樣簡單,選擇你想要高亮顯示的元素,Lighter會自動處理其余部分。
13. CodePress
CodePress是一個基于網(wǎng)絡的源代碼編輯器,帶有用JavaScript編寫的語法高亮工具,隨著在瀏覽器里連續(xù)打字,文本的顏色會實時發(fā)生變化。除此以外,它還有代碼片段、自動完成、快捷方式和多窗口功能。
14. Beauty of Code
這個jQuery語法高亮插件使用的是Alex Gorbatchev里的語法高亮顯示,但有一點不一樣:它能夠產生更多的xhtml兼容的代碼。
15. Jush JavaScript Syntax Highlighter
JavaScript Syntax Highlighter可以用在客戶端的語法高亮程序里,支持的語言有HTML、CSS、JavaScript、PHP、SQL、HTTP、SMTP協(xié)議、php.ini和Apache配置。
原文:CodeGeekz
您可能感興趣的文章:- JavaScript版代碼高亮
- ASP語法高亮類代碼
- 用js查找法實現(xiàn)當前欄目的高亮顯示的代碼
- js兼容IE6,IE7菜單高亮顯示效果代碼
- javascript網(wǎng)頁關鍵字高亮代碼
- fckeditor 代碼語法高亮
- Javascript實現(xiàn)的CSS代碼高亮顯示
- tinyMCE插件開發(fā)之插入html,php,sql,js代碼 并代碼高亮顯示
- 兩種簡單實現(xiàn)菜單高亮顯示的JS類代碼
- javascript 關鍵字高亮顯示實現(xiàn)代碼
- 高亮顯示web頁表格行的javascript代碼
- 高效的表格行背景隔行變色及選定高亮的JS代碼
- jQuery語法高亮插件支持各種程序源代碼語法著色加亮
- 用JS將搜索的關鍵字高亮顯示實現(xiàn)代碼
- 如何實現(xiàn)正則表達式的JavaScript的代碼高亮
- 2014最熱門的JavaScript代碼高亮插件推薦
- 2016年最熱門的15 款代碼語法高亮工具,美化你的代碼