美化代碼的15個代碼語法高亮工具

本文做者是 Gavin McLeod,一個被困在《電子世界爭霸戰》裏的骨灰級Web極客。在文中列舉了15個幫助開發者快速編碼、優化代碼的語法高亮工具,每一個高亮工具都有其功能特點。(如下是編譯內容)

開 發者和頑固的代碼極客深知Code Syntax Highlighter(如下簡稱「代碼語法高亮工具」)做爲二級符號的一種形式,便於在一個結構化語言或標記語言裏書寫代碼。有些代碼高亮編輯器裏融合 了多個語法高亮功能,例如拼寫檢查、代碼摺疊。語法高亮工具能夠在整體策略的使用上起到較大的做用:改善文本的可讀性和上下文語境,尤爲是在代碼頁數較多 的狀況下。另外還能幫助開發者快速在編程過程當中定位bug源頭。php

無論你是一個代碼極客仍是一個吊兒郎當的碼農,下面爲你提供的代碼語法高亮工具保證能讓你寫的代碼面目一新。html

1. Prismjquery

Prism 是一個只有1.5KB大小的壓縮版輕量級工具,可以簡單方便的整合到CSS和JavaScript文件裏,運行速度很快。已經使用在Dabblet裏(一 個交互式的CSS場地)美化了不少代碼,因此說Prism很穩定。新的編程語言也能夠加入進來,在使用這個插件架構的前提下,新加入的語言功能性將不斷提 升;外觀風格和使用感受均可以經過CSS來設計。git

2. Rainbowsgithub

Rainbow是一款用JavaScript腳本編寫的只有1.4KB的輕量級工具。它只須要在有必要高亮顯示的語言上使用JavaScript模型來保持事情簡單化就能夠了。一樣,顏色和字體能夠經過CSS主題支持來徹底自定義。web

3. Snippet編程

Snippet是一個jQuery插件,創建在SHJS腳本的頂部以此來高亮顯示HTML文件裏的源代碼。它支持不少種類的腳本語言:JavaScript、SQL、PHP和Ruby等等。其包含39個內置的獨一無二的配色圖案,能夠不斷的變換調試。瀏覽器

4. Geshiruby

這 是一個高度自定義的語法高亮顯示工具,能夠在網頁裏用來更好的展現代碼片斷。Geshi通過開發後來應用在phpBB論壇軟件上,但在功能特性上仍然是分 開使用的。此外,這個語法高亮工具支持幾乎全部的流行編程語言,像ActionScript、ASP、C、JAVA、PHP、Ruby和SQL等等。服務器

5. Syntax Highlighter

Syntax Highlighter幫助一個開發者/碼農輕鬆在線公佈代碼片斷,並且代碼的外觀看上去也很不錯。說白了,它就是一個100%創建在 JavaScript基礎上的高亮顯示工具,不用考慮服務器上有什麼其餘東西。支持多款編程語言,壓縮後的核心庫只有11KB大小。然而,Syntax Highlighter並不具有編寫高亮代碼的能力,也不爲用戶提供編寫源代碼的能力。

6. Google Code Prettify

這是在Google Code網站使用的腳本。這個腳本可以自動查出正在使用的編程語言,進行相應的美化。同時也能夠經過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內置關鍵詞、數據類型、Strict Mode和Wrap過剩文本以前你能夠選擇檢查或者不檢查代碼。

10. Ultraviolet

Ultraviolet是一個運行在Ruby上的語法高亮引擎,支持50種以上的編程語言和20種以上的主題。

11. Pygments:Python Syntax Highlighter

這款語法高亮工具是用Python構建的,支持大部分的編程語言、多種輸出格式,它還能夠被看成是一個命令行工具或者是一個類庫來使用。

12. Lighter for MooTools

Lighter 是一個免費的語法高亮工具,專門爲MooTools而開發的。MooTools開發者在建立Lighter之初運用了許多框架結構上的功能特色。它運用起 來就像是在網頁上添加一個單獨的腳本那樣簡單,選擇你想要高亮顯示的元素,Lighter會自動處理其他部分。

13. CodePress

CodePress是一個基於網絡的源代碼編輯器,帶有用JavaScript編寫的語法高亮工具,隨着在瀏覽器裏連續打字,文本的顏色會實時發生變化。除此之外,它還有代碼片斷、自動完成、快捷方式和多窗口功能。

14. Beauty of Code

這個jQuery語法高亮插件使用的是Alex Gorbatchev裏的語法高亮顯示,但有一點不同:它可以產生更多的xhtml兼容的代碼。

15. Jush JavaScript Syntax Highlighter

JavaScript Syntax Highlighter能夠用在客戶端的語法高亮程序裏,支持的語言有HTML、CSS、JavaScript、PHP、SQL、HTTP、SMTP協議、php.ini和Apache配置。

原文:CodeGeekz   

相關文章
相關標籤/搜索