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
相關文章
- hexo程式碼高亮Hexo
- 第 09 篇:讓部落格支援 Markdown 語法和程式碼高亮
- 測試程式碼高亮
- 用 Prettier 美化程式碼
- django-ckeditor 程式碼高亮Django
- 如何實現程式碼高亮
- 程式碼高亮網站收集網站
- 使用 ESLint + Prettier 美化程式碼EsLint
- 修改VS的程式碼高亮顏色
- 使用htmlprettify美化您的HTML程式碼HTML
- 做元件庫使程式碼高亮的方法元件
- Jquery實現的高亮效果程式碼分享jQuery
- Prettier美化css/scss/sass程式碼CSS
- table表格美化程式碼例項
- Atom 微信小程式檔案程式碼高亮微信小程式
- WebStorem 支援微信小程式 wepy 程式碼高亮WebREM微信小程式
- 程式猿必備的17款最佳的程式碼審查工具
- Comi - 小程式 markdown 渲染和程式碼高亮解決方案
- 程式碼高亮WordPress外掛:Pure-HighlightjsJS
- Octopress程式碼高亮問題(Windows10)Windows
- mysql語法使用詳細程式碼版MySql
- 嘿,我造了個程式碼高亮的外掛
- 美化滾動條效果程式碼例項
- 每日程式碼系列(15)
- 微信小程式實現全域性搜尋程式碼高亮微信小程式
- 還在熬夜排查程式碼?9款程式碼對比工具,網友:太好用了
- 當前文字框高亮效果程式碼例項
- 織夢DedeCms程式碼高亮怎麼實現
- pycharm程式碼不高亮顯示怎麼辦PyCharm
- 【.NET基礎】Linq常用語法程式碼演示
- CCMixer/CodeMixer工具,完美替代ChaosTool,iOS新增垃圾程式碼工具,程式碼混淆工具,程式碼生成器,史上最好用的垃圾程式碼新增工具,自己開發的小工具iOS
- CodeMixer完美替代ChaosTool ,iOS新增垃圾程式碼工具,程式碼混淆工具,程式碼生成器,史上最好用的垃圾程式碼新增工具,自己開發的小工具...iOS
- CSS 程式碼線上生成工具,讓你少寫幾百行程式碼~CSS行程
- 推薦一款好用的程式碼視覺化工具視覺化
- 真正整合是你無法通過購買低程式碼工具實現的 - Byars
- 真正整合是你無法透過購買低程式碼工具實現的 - Byars
- 拯救你的Go程式碼Go
- 七個不一樣的Python程式碼寫法,讓你寫出一手漂亮的程式碼Python
- 15行Python程式碼,幫你理解令牌桶演算法Python演算法