15 款程式碼語法高亮工具 美化你的程式碼
語法高亮是文字編輯器用來顯示文字的,特別是原始碼,根據不同的類別來用不同的顏色和字型顯示。這個功能有助於編寫結構化的語言,比如程式語言,標記語言,這些語言的語法錯誤顯示是有區別的。語法高亮並不會影響文字自身的意義,而且能很好的符合人們的閱讀習慣。
語法高亮同時也能幫助開發者很快的找到他們程式中的錯誤。例如,大部分編輯器會用不同的顏色突出字串常量。所以,非常容易發現是否遺漏了分隔符,因為相對於其他文字顏色不同。
現在有各種各樣的語法高亮工具,可以格式化語言,並且根據不同的程式語言進行高亮顯示。無論是個 HTML 頁面還是 PHP,Ruby,Python 或者是 ASP。這篇文章中,我們會介紹 15 款最好的程式碼語法高亮工具,幫助大家用更迷人的方式展示程式碼片段。Enjoy!
Prism 是一個輕量級,可擴充套件的語法著色工具,符合 Web 標準。它壓縮後只有 1.5KB,並且非常易於使用,只需要插入一個 CSS 和 JS 檔案即可。
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 等系統中使用。
Rainbow 是一個對程式碼進行語法著色的輕量級 JavaScript 庫,只有 1.4kb 大小。易用、可擴充套件、完全通過 CSS 進行樣式顯示。完全支援 CSS 主題定製顏色和字型。
Highlight.js 是一個用於在任何web頁面上著色顯示各種示例原始碼語法的JS專案。支援 26 種程式碼格式化風格,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, 其他更多。
這是款線上程式碼高亮工具,提供多種程式語言的高亮,使用者可以通過幾個選項來進行不同類別的程式碼高亮。
這是款 JavaScript 模組和 CSS 檔案,允許在一個 HTML 檔案中進行原始碼的語法高亮。它支援程式碼中的嵌入式連結,行號等等。它的應用非常廣泛,支援跨瀏覽器。得到 code.google.com 和 stackoverflow.com 的一致認可。
Snippet 是個 jQuery 語法高亮外掛,在 SHJS 指令碼中構建。Snippet 提供一個快速簡單的方式來進行 HTML 文件的程式碼高亮。它原生支援 15 中流行語言,支援 39 種獨特的語法高亮風格模式。
CodePress 是個基於 web 的原始碼編輯器,當在瀏覽器中編寫 JavaScriptis 程式碼的時候能實時的進行程式碼高亮。
JavaScript Syntax Highlighter 是個客戶端程式碼高亮工具,支援的語言有:HTML, CSS, JavaScript, PHP, SQL, HTTP 和SMTP 協議, php.ini 和 Apache 配置,支援所有主流的瀏覽器: Internet Explorer, Firefox, Opera and Google Chrome。JUSH 同時也是個 jQuery 和 WordPress 外掛。
Chili 是個 jQuery 程式碼高亮外掛,可以快速的進行程式碼高亮,設定非常簡單,完全自定義,而且有著完整的文件。
此 外掛支援的語言有: C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, XHTM;支援的瀏覽器有: Internet Explorer, Firefox, Opera 和 Safari。
Pygments 是個通用程式碼語法高亮工具,許多常用的軟體都使用了這款工具,比如論壇系統,wikis 或者其他需要美化程式碼的應用。 Pygments 支援範圍非常廣泛的程式語言,和大量的輸出格式,包括 HTML, RTF, LaTeX 和 ANSI 序列。
Ultraviolet 是個基於 Textpow 的程式碼語法高亮引擎。自從使用了 Textmate 語法高亮檔案,就能支援超過 50 中語言的語法高亮顯示和 20 種不同的主題,而且是開箱即用哦。
Lighter 是一款免費的MooTools程式碼高亮外掛。使用lighter.js簡單到只需要在你的頁面中新增一段簡單的指令碼就OK了
這是個 jQuery 語法高亮外掛,使用 Alex Gorbatchev 的 SyntaxHighlighter,但是這個外掛相容 xhtml 語法。
SyntaxHighlighter 是個功能齊全的獨立程式碼語法高亮工具,使用 JavaScript 編寫。目前已經得到了 Apache, Aptana, Mozilla, Yahoo, Wordpress, Bug Labs, Freshbooks 的一致認可,並且都在使用。
SyntaxHighlighter 允許在 web 頁面插入彩色程式碼片段,不需要依賴任何伺服器端指令碼。
via realcombiz.com
相關文章
- 15個原始碼語法著色來美化你的程式碼原始碼
- jQuery語法高亮外掛,程式碼著色,頁面程式碼著色jQuery
- 高亮你的PHP程式碼 (轉)PHP
- 程式碼線上美化工具
- 10 個常見的程式碼語法高亮jQuery外掛jQuery
- hexo程式碼高亮Hexo
- 第 09 篇:讓部落格支援 Markdown 語法和程式碼高亮
- 用Prettier美化程式碼
- 用 Prettier 美化程式碼
- 如何實現程式碼高亮
- 程式碼高亮網站收集網站
- django-ckeditor 程式碼高亮Django
- JS Nice – JavaScript 程式碼美化和格式化工具JSJavaScript
- 17款最佳的程式碼審查工具
- 使用htmlprettify美化您的HTML程式碼HTML
- WebStorem 支援微信小程式 wepy 程式碼高亮WebREM微信小程式
- 9個實用的Javascript程式碼高亮指令碼JavaScript指令碼
- Linux系統程式設計(15)——shell指令碼語法Linux程式設計指令碼
- Prettier美化css/scss/sass程式碼CSS
- 使用 ESLint + Prettier 美化程式碼EsLint
- table表格美化程式碼例項
- input range美化程式碼例項
- 做元件庫使程式碼高亮的方法元件
- Jquery實現的高亮效果程式碼分享jQuery
- Atom 微信小程式檔案程式碼高亮微信小程式
- 解析程式碼的利器 Spp 語法描述語言
- 程式猿必備的17款最佳的程式碼審查工具
- 18款線上程式碼片段測試工具
- radio美化程式碼例項
- <input type="file">美化例項程式碼
- 單選按鈕美化效果程式碼
- python語法-測試程式碼Python
- 5款優秀的JavaScript程式碼壓縮工具JavaScript
- 5款工具助你寫出更好的Java程式碼Java
- Octopress程式碼高亮問題(Windows10)Windows
- 12 款 JS 程式碼測試必備工具JS
- 微信小程式實現全域性搜尋程式碼高亮微信小程式
- 美化滾動條效果程式碼例項