9個實用的Javascript代碼高亮腳本

代碼高亮頗有用,特別是在須要在網站或者blog中顯示本身編寫的代碼的時候,或者給其餘人查看或調試語法錯誤的時候。咱們能夠將代碼高亮,以便閱讀者能夠十分方便的讀取代碼塊,增長用戶閱讀代碼的良好體驗。javascript

目前,有不少免費並且有用的代碼高亮腳本。這些腳本大可能是由Javascript語言編寫,也有些使用其它語言(好比java、Phyton或Ruby)等寫的。java

下面來推薦最受歡迎、最實用的9個Javascript代碼高亮腳本jquery

1. SyntaxHighlighterweb

我相信這是最廣泛代碼高亮代碼。它支持多種不一樣的語言,並且若是你使用的語言不被默認支持,你也能夠很簡單的建立新「刷子」。編程

2. SHJS瀏覽器

SHJS是Syntax Highlighting in Javascript的簡寫。It 來自於GNU 源碼高亮語言。並支持不少種編程語言。經測試SHJS 支持主流瀏覽器好比Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.編程語言

3. beautyOfCodewordpress

beautyOfCode 是一款jQuery 代碼高亮插件。它使用SyntaxHighlighter 的腳本,並使其更好的兼容XHTML。測試

4. Chili網站

Chili 是一個jQuery代碼高亮插件。它捆綁了不少種語言支持,並支持多個設置選項。

5.Lighter.js

Lighter.js是一款免費的MooTools代碼高亮插件。使用lighter.js簡單到只須要在你的頁面中添加一段簡單的腳本就OK了。

6. Highlight.js

highlight.js是一款很是容易使用的高亮腳本,支持多種編程語言。它還有一些頗有用的插件,很容易的部署到其它CMS、論壇或博客。

7. DlHighlight

DlHighlight是一款簡單的代碼高亮腳本,它只支持4種編程語言:JavaScript, CSS, XML, HTML.

8. Google Code Prettify

Google Code Prettify 有一個JavaScript模型和CSS文件,支持HTML頁面中的語法高亮。

9. JUSH

JUSH是另外一個jQuery語法高亮插件,支持多種編程語言,好比: HTML、CSS、 PHP、PY 和 SQL.

總之,收藏幾款代碼高亮的腳本對於作開發的朋友是一個明智的選擇。

原文:webdesignbooth 譯文:ued163

相關文章
相關標籤/搜索