7個高性能JavaScript代碼高亮外掛程式

&HTTP://www.aliyun.com/zixun/aggregation/37954.html">nbsp;   對於喜歡寫技術博客的同學來說，一定對代碼高亮元件非常熟悉。 一款優秀的JavaScript代碼高亮外掛程式，將會説明你渲染任何一種程式設計語言，包括 一些關鍵字的著色，以及每行代碼的縮進等。 今天我們要來分享一些高性能的JavaScript代碼高亮外掛程式，這些JavaScript代碼高亮外掛程式將非常 有效地幫你實現在網頁上的代碼編輯和展示。

SyntaxHighlighter 是一款完全基於JavaScript的代碼高亮外掛程式，SyntaxHighlighter 可以對大部分程式設計語言進行著色渲染，而且代碼高亮的性能也非常不錯。 SyntaxHighlighter 可以自訂主題檔，在初始化的時候指定自己喜歡的主題即可。

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

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是一個用於在任何web頁面上高亮著色顯示各種示例原始程式碼語法的JavaScript專案。 具有以下特色：

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

Prism.JS是目前最為羽量級的JavaScript代碼高亮外掛程式，他壓縮後只有2KB的大小，Prism.JS也支援大部分流行的程式設計語言，並且支援多種主題樣式，開發者只需要引用CSS檔和JS檔即可完成。

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

這款代碼高亮外掛程式是基於jQuery的，同樣也是羽量級的，渲染速度非常快。 同時jQuery.Syntax還具有wordpress的外掛程式應用，對於個人博主來說，使用wordpress和jQuery.Syntax可以完美實現0代買的高亮功能。

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

DlHighlight是基於JavaScript的代碼高亮外掛程式，非常簡單，目前只支援JavaScript, CSS, XML, HTML。

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

Rainbow 是JavaScript開發的語法高亮工具。 被設計為羽量級（壓縮後僅1.4 kb），使用簡單，可擴展。 語法高亮主題完全通過CSS定義。 基於正則運算式實現。

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

這幾個JavaScript代碼高亮外掛程式都是比較常用的，如果你有更優秀的代碼高亮外掛程式，歡迎告訴我們。