7個高性能JavaScript代碼高亮插件

本文由碼農網 – 小峯原創，轉載請看清文末的轉載要求，歡迎參與咱們的付費投稿計劃！

對於喜歡寫技術博客的同窗來講，必定對代碼高亮組件很是熟悉。一款優秀的JavaScript代碼高亮插件，將會幫助你渲染任何一種編程語言，包括一些關鍵字的着色，以及每行代碼的縮進等。今天咱們要來分享一些高性能的JavaScript代碼高亮插件，這些JavaScript代碼高亮插件將很是有效地幫你實如今網頁上的代碼編輯和展現。

一、SyntaxHighlighter – 最優秀的JavaScript代碼高亮插件

SyntaxHighlighter 是一款徹底基於JavaScript的代碼高亮插件，SyntaxHighlighter 能夠對大部分編程語言進行着色渲染，並且代碼高亮的性能也很是不錯。SyntaxHighlighter 能夠自定義主題文件，在初始化的時候指定本身喜歡的主題便可。

官方網站：http://alexgorbatchev.com/SyntaxHighlighter/

二、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編程語言代碼高亮着色。

官方網站：http://code.google.com/p/google-code-prettify/

三、Highlight.js – 多風格JavaScript代碼高亮插件

highlight.js是一個用於在任何web頁面上高亮着色顯示各類示例源代碼語法的JavaScript項目。具備如下特點：

• 支持 92 種語言，49 種代碼格式化風格。
• 自動檢測語言種類
• 支持多語言混合的代碼高亮
• 支持Node.js
• 支持使用任何HTML標記
• 兼容任意js框架

官方網站：https://highlightjs.org/

四、Prism.JS - 輕量級JavaScript代碼高亮插件

Prism.JS是目前最爲輕量級的JavaScript代碼高亮插件，他壓縮後只有2KB的大小，Prism.JS也支持大部分流行的編程語言，而且支持多種主題樣式，開發者只須要引用CSS文件和JS文件便可完成。

官方網站：http://prismjs.com/

五、jQuery.Syntax – jQuery輕量級代碼高亮插件

這款代碼高亮插件是基於jQuery的，一樣也是輕量級的，渲染速度很是快。同時jQuery.Syntax還具備wordpress的插件應用，對於我的博主來講，使用wordpress和jQuery.Syntax能夠完美實現0代買的高亮功能。

官方網站：http://www.codeotaku.com/projects/jquery-syntax/index.en

六、DlHighlight – jQuery簡單高效代碼高亮插件

DlHighlight是基於JavaScript的代碼高亮插件，很是簡單，目前只支持JavaScript, CSS, XML, HTML。

官方網站：http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine

七、Rainbow.js – 可擴展的JavaScript代碼高亮插件

Rainbow 是JavaScript開發的語法高亮工具。被設計爲輕量級（壓縮後僅1.4 kb），使用簡單，可擴展。語法高亮主題徹底經過CSS定義。基於正則表達式實現。

官方網站：http://craig.is/making/rainbows

這幾個JavaScript代碼高亮插件都是比較經常使用的，若是你有更優秀的代碼高亮插件，歡迎告訴咱們。

 

本文連接：http://www.codeceo.com/article/7-javascript-highlighte-plugin.html
本文做者：碼農網 – 小峯
[ 原創做品，轉載必須在正文中標註並保留原文連接和做者等信息。]