实用Javascript代码高亮脚本

来自tomtalk
跳转至: 导航搜索

实用Javascript代码高亮脚本

代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候。我们可以将代码高亮,以便阅读者可以十分方便的读取代码块,增加用户阅读代码的良好体验。

目前,有很多免费而且有用的代码高亮脚本。这些脚本大多是由Javascript语言编写,也有些使用其它语言(比如java、Phyton或Ruby)等写的。

下面来推荐最受欢迎、最实用的9个Javascript代码高亮脚本。

SyntaxHighlighter

我相信这是最普遍代码高亮代码。它支持多种不同的语言,而且如果你使用的语言不被默认支持,你也可以很简单的创建新“刷子”。

http://www.admin10000.com/UploadFiles/Document/201204/07/20120407115805277623.PNG

SHJS http://shjs.sourceforge.net/

SHJS是Syntax Highlighting in Javascript的简写。It 来自于GNU 源码高亮语言。并支持很多种编程语言。经测试SHJS 支持主流浏览器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.

http://www.admin10000.com/UploadFiles/Document/201204/07/20120407115805663933.PNG

beautyOfCode

beautyOfCode 是一款jQuery 代码高亮插件。它使用SyntaxHighlighter 的脚本,并使其更好的兼容XHTML。

http://www.admin10000.com/UploadFiles/Document/201204/07/20120407115805866943.PNG

Chili http://code.google.com/p/jquery-chili-js/

Chili 是一个jQuery代码高亮插件。它捆绑了很多种语言支持,并支持多个设置选项。

http://www.admin10000.com/UploadFiles/Document/201204/07/20120407115805786447.PNG