2016年最熱門的15 款代碼語法高亮工具,美化你的代碼
前言:
代碼高亮很有用,特別是在需要在網(wǎng)站或者blog中顯示自己編寫的代碼的時候,或者給其他人查看或調(diào)試語法錯誤的時候。我們可以將代碼高亮,以便閱讀者可以十分方便的讀取代碼塊,增加用戶閱讀代碼的良好體驗(yàn)。
語法高亮是文本編輯器用來顯示文本的,特別是源代碼,根據(jù)不同的類別來用不同的顏色和字體顯示。這個功能有助于編寫結(jié)構(gòu)化的語言,比如編程語言,標(biāo)記語言,這些語言的語法錯誤顯示是有區(qū)別的。語法高亮并不會影響文本自身的意義,而且能很好的符合人們的閱讀習(xí)慣。
目前,有很多免費(fèi)而且有用的代碼高亮腳本。這些腳本大多是由Javascript語言編寫,也有些使用其它語言(比如java、Phyton或Ruby)等寫的。
下面來推薦最受歡迎、最實(shí)用的9個Javascript代碼高亮腳本。
1. SyntaxHighlighter
我相信這是最普遍代碼高亮代碼。它支持多種不同的語言,而且如果你使用的語言不被默認(rèn)支持,你也可以很簡單的創(chuàng)建新“刷子”。
2. SHJS
SHJS是Syntax Highlighting in Javascript的簡寫。It 來自于GNU 源碼高亮語言。并支持很多種編程語言。經(jīng)測試SHJS 支持主流瀏覽器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.
3. beautyOfCode
beautyOfCode 是一款jQuery 代碼高亮插件。它使用SyntaxHighlighter 的腳本,并使其更好的兼容XHTML。
4. Chili
Chili 是一個jQuery代碼高亮插件。它捆綁了很多種語言支持,并支持多個設(shè)置選項(xiàng)。
5.Lighter.js
Lighter.js是一款免費(fèi)的MooTools代碼高亮插件。使用lighter.js簡單到只需要在你的頁面中添加一段簡單的腳本就OK了。
6. Highlight.js
highlight.js是一款非常容易使用的高亮腳本,支持多種編程語言。它還有一些很有用的插件,很容易的部署到其它CMS、論壇或博客。
7. DlHighlight
DlHighlight是一款簡單的代碼高亮腳本,它只支持4種編程語言:JavaScript, CSS, XML, HTML.
8. Google Code Prettify
Google Code Prettify 有一個JavaScript模型和CSS文件,支持HTML頁面中的語法高亮。
9. JUSH
JUSH是另一個jQuery語法高亮插件,支持多種編程語言,比如: HTML、CSS、 PHP、PY 和 SQL.
以上給大家總結(jié)了九款比較實(shí)用的javascript代碼高亮顯示的腳本,總之,要根據(jù)自己的需要,選擇適合自己的那款。
下面給大家分享15 款代碼語法高亮工具,美化你的代碼
語法高亮是文本編輯器用來顯示文本的,特別是源代碼,根據(jù)不同的類別來用不同的顏色和字體顯示。這個功能有助于編寫結(jié)構(gòu)化的語言,比如編程語言,標(biāo)記語言,這些語言的語法錯誤顯示是有區(qū)別的。語法高亮并不會影響文本自身的意義,而且能很好的符合人們的閱讀習(xí)慣。
語法高亮同時也能幫助開發(fā)者很快的找到他們程序中的錯誤。例如,大部分編輯器會用不同的顏色突出字符串常量。所以,非常容易發(fā)現(xiàn)是否遺漏了分隔符,因?yàn)橄鄬τ谄渌谋绢伾煌?/p>
現(xiàn) 在有各種各樣的語法高亮工具,可以格式化語言,并且根據(jù)不同的編程語言進(jìn)行高亮顯示。無論是個 HTML 頁面還是 PHP,Ruby,Python 或者是 ASP。這篇文章中,我們會介紹 15 款最好的代碼語法高亮工具,幫助大家用更迷人的方式展示代碼片段。Enjoy!
Prism
Prism 是一個輕量級,可擴(kuò)展的語法著色工具,符合 Web 標(biāo)準(zhǔn)。它壓縮后只有 1.5KB,并且非常易于使用,只需要插入一個 CSS 和 JS 文件即可。
GeSHi
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 等系統(tǒng)中使用。
Rainbow
Rainbow 是一個對代碼進(jìn)行語法著色的輕量級 JavaScript 庫,只有 1.4kb 大小。易用、可擴(kuò)展、完全通過 CSS 進(jìn)行樣式顯示。完全支持 CSS 主題定制顏色和字體。
Highlight.js
Highlight.js 是一個用于在任何web頁面上著色顯示各種示例源代碼語法的JS項(xiàng)目。支持 26 種代碼格式化風(fēng)格,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, 其他更多。
Quick Highlighter
這是款在線代碼高亮工具,提供多種編程語言的高亮,用戶可以通過幾個選項(xiàng)來進(jìn)行不同類別的代碼高亮。
Google Code Prettify
這 是款 JavaScript 模塊和 CSS 文件,允許在一個 HTML 文件中進(jìn)行源代碼的語法高亮。它支持代碼中的嵌入式鏈接,行號等等。它的應(yīng)用非常廣泛,支持跨瀏覽器。得到 code.google.com 和 stackoverflow.com 的一致認(rèn)可。
Snippet
Snippet 是個 jQuery 語法高亮插件,在 SHJS 腳本中構(gòu)建。Snippet 提供一個快速簡單的方式來進(jìn)行 HTML 文檔的代碼高亮。它原生支持 15 中流行語言,支持 39 種獨(dú)特的語法高亮風(fēng)格模式。
CodePress
CodePress 是個基于 web 的源代碼編輯器,當(dāng)在瀏覽器中編寫 JavaScriptis 代碼的時候能實(shí)時的進(jìn)行代碼高亮。
JavaScript Syntax Highlighter
JavaScript Syntax Highlighter 是個客戶端代碼高亮工具,支持的語言有:HTML, CSS, JavaScript, PHP, SQL, HTTP 和SMTP 協(xié)議, php.ini 和 Apache 配置,支持所有主流的瀏覽器: Internet Explorer, Firefox, Opera and Google Chrome。JUSH 同時也是個 jQuery 和 WordPress 插件。
Chili
Chili 是個 jQuery 代碼高亮插件,可以快速的進(jìn)行代碼高亮,設(shè)置非常簡單,完全自定義,而且有著完整的文檔。
此 插件支持的語言有: C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, XHTM;支持的瀏覽器有: Internet Explorer, Firefox, Opera 和 Safari。
Pygments
Pygments 是個通用代碼語法高亮工具,許多常用的軟件都使用了這款工具,比如論壇系統(tǒng),wikis 或者其他需要美化代碼的應(yīng)用。 Pygments 支持范圍非常廣泛的編程語言,和大量的輸出格式,包括 HTML, RTF, LaTeX 和 ANSI 序列。
Ultraviolet
Ultraviolet 是個基于 Textpow 的代碼語法高亮引擎。自從使用了 Textmate 語法高亮文件,就能支持超過 50 中語言的語法高亮顯示和 20 種不同的主題,而且是開箱即用哦。
Lighter
Lighter 是一款免費(fèi)的MooTools代碼高亮插件。使用lighter.js簡單到只需要在你的頁面中添加一段簡單的腳本就OK了。
beautyOfCode
這是個 jQuery 語法高亮插件,使用 Alex Gorbatchev 的 SyntaxHighlighter,但是這個插件兼容 xhtml 語法。
SyntaxHighlighter
SyntaxHighlighter 是個功能齊全的獨(dú)立代碼語法高亮工具,使用 JavaScript 編寫。目前已經(jīng)得到了 Apache, Aptana, Mozilla, Yahoo, Wordpress, Bug Labs, Freshbooks 的一致認(rèn)可,并且都在使用。
SyntaxHighlighter 允許在 web 頁面插入彩色代碼片段,不需要依賴任何服務(wù)器端腳本。
- 9個javascript語法高亮插件 推薦
- js 玩轉(zhuǎn)正則表達(dá)式之語法高亮
- JavaScript建立一個語法高亮輸入框?qū)崿F(xiàn)思路
- php實(shí)現(xiàn)簡單的語法高亮函數(shù)實(shí)例分析
- jQuery語法高亮插件支持各種程序源代碼語法著色加亮
- Jquery.LazyLoad.js修正版下載,實(shí)現(xiàn)圖片延遲加載插件
- 一個簡單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
- JavaScript/jQuery 表單美化插件小結(jié)
- 輕量級的原生js日歷插件calendar.js使用指南
- JavaScript語法高亮插件highlight.js用法詳解【附highlight.js本站下載】
相關(guān)文章
JS實(shí)現(xiàn)頁面導(dǎo)航與內(nèi)容相互錨定實(shí)例詳解
這篇文章主要為大家介紹了JS實(shí)現(xiàn)頁面導(dǎo)航與內(nèi)容相互錨定實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10ES6學(xué)習(xí)筆記之let與const用法實(shí)例分析
這篇文章主要介紹了ES6學(xué)習(xí)筆記之let與const用法,結(jié)合實(shí)例形式分析了ES6中l(wèi)et與const的功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-01-01JavaScript中call、apply、bind實(shí)現(xiàn)原理詳解
其實(shí)在很多文章都會寫call,apply,bind,但個人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實(shí)現(xiàn)原理的相關(guān)資料,需要的朋友可以參考下2021-06-06bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法
這篇文章主要介紹了bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-02-02echarts學(xué)習(xí)之如何給餅圖中間添加文字
這篇文章主要介紹了echarts學(xué)習(xí)之如何給餅圖中間添加文字問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-03-03JavaScript實(shí)現(xiàn)的可變動態(tài)數(shù)字鍵盤控件方式實(shí)例代碼
本篇文章主要介紹了JavaScript實(shí)現(xiàn)的可變動態(tài)數(shù)字鍵盤控件方式實(shí)例代碼,具有一定的參考價值,有興趣的可以了了解一下2017-07-07