当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 常用的Javascript代码高亮脚本

Javascript
用jQuery解决IE不支持的option disable属性
jQuery 源代码显示控件 (Ajax加载方式).
JS backgroundImage控制
jQuery 性能优化指南 (1)
jQuery 性能优化指南(2)
jQuery 性能优化指南(3)
input+select(multiple) 实现下拉框输入值
javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]
jQuery 图像裁剪插件Jcrop的简单使用
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
jquery(1.3.2) 斑马线效果代码
JQuery Jcrop 实现图片裁剪的插件
jquery img src 获取实现代码
javascript 历史记录 经常用于产品最近历史浏览
jquery tabs的实现代码
jQuery 剧场版 你必须知道的javascript
JavaScript 闭包深入理解(closure)
js 图片缩放(按比例)控制代码
广告切换效果(缓动切换)
javascript 用局部变量来代替全局变量

常用的Javascript代码高亮脚本


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 509 ::
收藏到网摘: n/a

代码高亮很重要,特别是当我们想要在博客中展示我们的代码的时候。通过在博客中启用代码高亮,读者更方便的读取代码块。

有很多免费而且有用的代码高亮脚本。这些脚本大部分由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