DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 常用的Javascript代碼高亮腳本
常用的Javascript代碼高亮腳本
編輯:關於JavaScript     

網頁制作poluoluo文章簡介:今天,讓我們來看看使用最多的9款Javascript代碼高亮腳本吧。

代碼高亮很重要,特別是當我們想要在博客中展示我們的代碼的時候。通過在博客中啟用代碼高亮,讀者更方便的讀取代碼塊。

有很多免費而且有用的代碼高亮腳本。這些腳本大部分由Javascripts編寫,當然也有些使用其它語言(比如Phyton或Ruby)寫的。

今天,讓我們來看看使用最多的9款Javascript代碼高亮腳本吧。

1. SyntaxHighlighter

我相信這是最普遍代碼高亮代碼。它支持很多中不同的語言,而且如果你使用的語言不被默認支持,你也可以很簡單的創建新“刷子”。
syntax-highlighter

2. SHJS

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

3. beautyOfCode

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

4. Chili

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

5. Lighter.js

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

6. Highlight.js

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

7. DlHighlight

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

8. Google Code Prettify

Google Code Prettify 提供一個Javascript 模塊和CSS 文件,可以在HTML頁面中顯示源代碼的代碼高亮效果。這是用於code.google.com的腳本。
google-code-prettify

9. JUSH

JUSH是另一款jQuery 代碼高亮插件,支持HTML, CSS, PHP, PY 和SQL等多種語言。
jush

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved