6個(gè)高性能JavaScript代碼高亮插件

2018-08-24 15:11 更新

1、SyntaxHighlighter – 最優(yōu)秀的JavaScript代碼高亮插件

SyntaxHighlighter 是一款完全基于JavaScript的代碼高亮插件,SyntaxHighlighter 可以對(duì)大部分編程語言進(jìn)行著色渲染,而且代碼高亮的性能也非常不錯(cuò)。SyntaxHighlighter 可以自定義主題文件,在初始化的時(shí)候指定自己喜歡的主題即可。

官方網(wǎng)站:http://alexgorbatchev.com/SyntaxHighlighter/

2、Google Code Prettify – 自由地JavaScript代碼高亮插件

Google Code Prettify是一款由Google推出的JavaScript代碼高亮插件,Google Code Prettify可以對(duì)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是一個(gè)用于在任何web頁面上高亮著色顯示各種示例源代碼語法的JavaScript項(xiàng)目。具有以下特色:

  • 支持 92 種語言,49 種代碼格式化風(fēng)格。
  • 自動(dòng)檢測語言種類
  • 支持多語言混合的代碼高亮
  • 支持Node.js
  • 支持使用任何HTML標(biāo)記
  • 兼容任意js框架

官方網(wǎng)站:https://highlightjs.org/

4、Prism.JS - 輕量級(jí)JavaScript代碼高亮插件

Prism.JS是目前最為輕量級(jí)的JavaScript代碼高亮插件,他壓縮后只有2KB的大小,Prism.JS也支持大部分流行的編程語言,并且支持多種主題樣式,開發(fā)者只需要引用CSS文件和JS文件即可完成。

官方網(wǎng)站:http://prismjs.com/

5、jQuery.Syntax – jQuery輕量級(jí)代碼高亮插件

這款代碼高亮插件是基于jQuery的,同樣也是輕量級(jí)的,渲染速度非???。同時(shí)jQuery.Syntax還具有wordpress的插件應(yīng)用,對(duì)于個(gè)人博主來說,使用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

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)