2014最熱門的JavaScript代碼高亮插件推薦
對于喜歡寫技術(shù)博客的同學(xué)來說,一定對代碼高亮組件非常熟悉。一款優(yōu)秀的JavaScript代碼高亮插件,將會幫助你渲染任何一種編程語言,包括一些關(guān)鍵字的著色,以及每行代碼的縮進(jìn)等。今天我們要來分享一些高性能的JavaScript代碼高亮插件,這些JavaScript代碼高亮插件將非常有效地幫你實(shí)現(xiàn)在網(wǎng)頁上的代碼編輯和展示。
1、SyntaxHighlighter – 最優(yōu)秀的JavaScript代碼高亮插件
SyntaxHighlighter 是一款完全基于JavaScript的代碼高亮插件,SyntaxHighlighter 可以對大部分編程語言進(jìn)行著色渲染,而且代碼高亮的性能也非常不錯。SyntaxHighlighter 可以自定義主題文件,在初始化的時候指定自己喜歡的主題即可。
官方網(wǎng)站:http://alexgorbatchev.com/SyntaxHighlighter/
2、Google Code Prettify – 自由地JavaScript代碼高亮插件
Google Code Prettify是一款由Google推出的JavaScript代碼高亮插件,Google Code Prettify可以對C/C++, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash, SQL, HTML, XML, CSS, JavaScript, Makefiles和部分Perl編程語言代碼高亮著色。
官方網(wǎng)站:http://code.google.com/p/google-code-prettify/
3、Highlight.js – 多風(fēng)格JavaScript代碼高亮插件
highlight.js是一個用于在任何web頁面上高亮著色顯示各種示例源代碼語法的JavaScript項(xiàng)目。具有以下特色:
- 支持 92 種語言,49 種代碼格式化風(fēng)格。
- 自動檢測語言種類
- 支持多語言混合的代碼高亮
- 支持Node.js
- 支持使用任何HTML標(biāo)記
- 兼容任意js框架
官方網(wǎng)站:https://highlightjs.org/
4、Prism.JS -輕量級JavaScript代碼高亮插件
Prism.JS是目前最為輕量級的JavaScript代碼高亮插件,他壓縮后只有2KB的大小,Prism.JS也支持大部分流行的編程語言,并且支持多種主題樣式,開發(fā)者只需要引用CSS文件和JS文件即可完成。
官方網(wǎng)站:http://prismjs.com/
5、jQuery.Syntax – jQuery輕量級代碼高亮插件
這款代碼高亮插件是基于jQuery的,同樣也是輕量級的,渲染速度非???。同時jQuery.Syntax還具有wordpress的插件應(yīng)用,對于個人博主來說,使用wordpress和jQuery.Syntax可以完美實(shí)現(xiàn)0代買的高亮功能。
官方網(wǎng)站:http://www.codeotaku.com/projects/jquery-syntax/index.en
6、DlHighlight – jQuery簡單高效代碼高亮插件
DlHighlight是基于JavaScript的代碼高亮插件,非常簡單,目前只支持JavaScript, CSS, XML, HTML。
官方網(wǎng)站:http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine
7、Rainbow.js – 可擴(kuò)展的JavaScript代碼高亮插件
Rainbow 是JavaScript開發(fā)的語法高亮工具。被設(shè)計(jì)為輕量級(壓縮后僅1.4 kb),使用簡單,可擴(kuò)展。語法高亮主題完全通過CSS定義?;谡齽t表達(dá)式實(shí)現(xiàn)。
官方網(wǎng)站:http://craig.is/making/rainbows
這幾個JavaScript代碼高亮插件都是比較常用的,如果你有更優(yōu)秀的代碼高亮插件,歡迎告訴我們。
總結(jié):
最適合自己的才是最好的,所以本文排序在前不代表最推薦,大家還是根據(jù)自己的項(xiàng)目需求來選擇吧。
- JavaScript版代碼高亮
- ASP語法高亮類代碼
- 用js查找法實(shí)現(xiàn)當(dāng)前欄目的高亮顯示的代碼
- js兼容IE6,IE7菜單高亮顯示效果代碼
- javascript網(wǎng)頁關(guān)鍵字高亮代碼
- fckeditor 代碼語法高亮
- Javascript實(shí)現(xiàn)的CSS代碼高亮顯示
- tinyMCE插件開發(fā)之插入html,php,sql,js代碼 并代碼高亮顯示
- 兩種簡單實(shí)現(xiàn)菜單高亮顯示的JS類代碼
- javascript 關(guān)鍵字高亮顯示實(shí)現(xiàn)代碼
- 高亮顯示web頁表格行的javascript代碼
- 高效的表格行背景隔行變色及選定高亮的JS代碼
- jQuery語法高亮插件支持各種程序源代碼語法著色加亮
- 分享15個美化代碼的代碼語法高亮工具
- 用JS將搜索的關(guān)鍵字高亮顯示實(shí)現(xiàn)代碼
- 如何實(shí)現(xiàn)正則表達(dá)式的JavaScript的代碼高亮
- 2016年最熱門的15 款代碼語法高亮工具,美化你的代碼
相關(guān)文章
微信小程序?qū)崿F(xiàn)自定義picker選擇器彈窗內(nèi)容
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)自定義picker選擇器彈窗內(nèi)容,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-07-07從javascript語言本身談項(xiàng)目實(shí)戰(zhàn)
從javascript語言本身談項(xiàng)目實(shí)戰(zhàn)...2006-12-12js實(shí)現(xiàn)a標(biāo)簽超鏈接提交form表單的方法
這篇文章主要介紹了js實(shí)現(xiàn)a標(biāo)簽超鏈接提交form表單的方法,涉及javascript針對表單操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06