9個實用的Javascript程式碼高亮指令碼

發表於2011-07-05

程式碼高亮很有用,特別是在需要在網站或者blog中顯示自己編寫的程式碼的時候,或者給其他人檢視或除錯語法錯誤的時候。我們可以將程式碼高亮,以便閱讀者可以十分方便的讀取程式碼塊,增加使用者閱讀程式碼的良好體驗。

目前,有很多免費而且有用的程式碼高亮指令碼。這些指令碼大多是由Javascript語言編寫,也有些使用其它語言(比如java、Phyton或Ruby)等寫的。

下面來推薦最受歡迎、最實用的9個Javascript程式碼高亮指令碼

0. SyntaxHighlighter

我相信這是最普遍程式碼高亮程式碼。它支援多種不同的語言,而且如果你使用的語言不被預設支援,你也可以很簡單的建立新“刷子”。

1. SHJS

SHJS是Syntax Highlighting in Javascript的簡寫。It 來自於GNU 原始碼高亮語言。並支援很多種程式語言。經測試SHJS 支援主流瀏覽器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.

2. beautyOfCode

beautyOfCode 是一款jQuery 程式碼高亮外掛。它使用SyntaxHighlighter 的指令碼,並使其更好的相容XHTML。

3. Chili

Chili 是一個jQuery程式碼高亮外掛。它捆綁了很多種語言支援,並支援多個設定選項。

4.Lighter.js

Lighter.js是一款免費的MooTools程式碼高亮外掛。使用lighter.js簡單到只需要在你的頁面中新增一段簡單的指令碼就OK了。

5. Highlight.js

highlight.js是一款非常容易使用的高亮指令碼,支援多種程式語言。它還有一些很有用的外掛,很容易的部署到其它CMS、論壇或部落格。

6 . DlHighlight

DlHighlight是一款簡單的程式碼高亮指令碼,它只支援4種程式語言:JavaScript, CSS, XML, HTML.

7. Google Code Prettify

Google Code Prettify 有一個JavaScript模型和CSS檔案,支援HTML頁面中的語法高亮。

8. JUSH

JUSH是另一個jQuery語法高亮外掛,支援多種程式語言,比如: HTML、CSS、 PHP、PY 和 SQL.

總之,收藏幾款程式碼高亮的指令碼對於做開發的朋友是一個明智的選擇。

原文:webdesignbooth
譯文:ued163

 

相關文章