9个实用的基于javascript的语法高亮脚本
2011-11-26 10:16
204 查看
9个实用的基于javascript的语法高亮脚本
中文原文:http://blog.youmila.com/?p=597
英文原文 :http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/
翻译:yapollo.li@gmail.com
在我们的blog中通常有很多的代码要show给我们的client看,而且我们周围也有很多的语法高亮的脚本,其中大多是基于javascript的,当然也有基于python和Ruby的
下面我们就来介绍一些基于javascript的语法高亮脚本
我相信这是我们最常见也最实用的语法高亮的脚本,它支持很多语言的语法高亮,如果不是默认支持的语言你也可以容易的找到你要高亮的语言的brush
你可以从这里custom brushes list(自定义brush列表)中选择适合你的brush,下载使用。
![](http://blog.youmila.com/wp-content/uploads/2009/11/syntax-highlighter.png)
![](http://blog.youmila.com/wp-content/uploads/2009/11/syntax_list.png)
shjs是一个基于javascript的语法高亮脚本,它适用的语言是基于GNU 源代码高亮支持的。它目前支持很多中语言的语法高亮,而且支持目前主流的浏览器
比如as Firefox 2 and 3, IE 6 and 7, Opera 9.6, Safari 3.2 and Chrome 1.0
![](http://blog.youmila.com/wp-content/uploads/2009/11/shjs.png)
beautyOfCode 是一个jquery 插件,它使用SyntaxHighlighter语法,更好的支持xhtml的语法高亮
![](http://blog.youmila.com/wp-content/uploads/2009/11/beauty-of-code.png)
Chili 也是一个jquery语法高亮插件,它支持多语言的高亮,配置选项中有很多可以设置。
![](http://blog.youmila.com/wp-content/uploads/2009/11/chili.png)
lighter.js是一个免费的MooTools语法高亮插件,使用 lighter.js 的方法非常简单就是在web页面中加入一个scritp标签引入即可。
![](http://blog.youmila.com/wp-content/uploads/2009/11/lighter-js.png)
hightlight用起来非常简单,并且支持多语言的高亮。它已经被整合到多个论坛或者cms或者blog中作为插件使用。
![](http://blog.youmila.com/wp-content/uploads/2009/11/highlight-js.png)
只是一个简单的语法高亮脚本,只支持4中语言JavaScript, CSS, XML, HTML.
![](http://blog.youmila.com/wp-content/uploads/2009/11/dlhighlight.png)
Google Code Prettify 是个js和css的语法高亮脚本。
![](http://blog.youmila.com/wp-content/uploads/2009/11/google-code-prettify.png)
JUSH 是另外一个支持语法高亮的jquery插件,它支持很多种语言语法高亮。比如:HTML, CSS, PHP,PY and SQL.
中文原文:http://blog.youmila.com/?p=597
英文原文 :http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/
翻译:yapollo.li@gmail.com
在我们的blog中通常有很多的代码要show给我们的client看,而且我们周围也有很多的语法高亮的脚本,其中大多是基于javascript的,当然也有基于python和Ruby的
下面我们就来介绍一些基于javascript的语法高亮脚本
1. SyntaxHighlighter
我相信这是我们最常见也最实用的语法高亮的脚本,它支持很多语言的语法高亮,如果不是默认支持的语言你也可以容易的找到你要高亮的语言的brush你可以从这里custom brushes list(自定义brush列表)中选择适合你的brush,下载使用。
![](http://blog.youmila.com/wp-content/uploads/2009/11/syntax-highlighter.png)
![](http://blog.youmila.com/wp-content/uploads/2009/11/syntax_list.png)
2. SHJS
shjs是一个基于javascript的语法高亮脚本,它适用的语言是基于GNU 源代码高亮支持的。它目前支持很多中语言的语法高亮,而且支持目前主流的浏览器比如as Firefox 2 and 3, IE 6 and 7, Opera 9.6, Safari 3.2 and Chrome 1.0
![](http://blog.youmila.com/wp-content/uploads/2009/11/shjs.png)
3. beautyOfCode
beautyOfCode 是一个jquery 插件,它使用SyntaxHighlighter语法,更好的支持xhtml的语法高亮![](http://blog.youmila.com/wp-content/uploads/2009/11/beauty-of-code.png)
4. Chili
Chili 也是一个jquery语法高亮插件,它支持多语言的高亮,配置选项中有很多可以设置。![](http://blog.youmila.com/wp-content/uploads/2009/11/chili.png)
5. Lighter.js
lighter.js是一个免费的MooTools语法高亮插件,使用 lighter.js 的方法非常简单就是在web页面中加入一个scritp标签引入即可。![](http://blog.youmila.com/wp-content/uploads/2009/11/lighter-js.png)
6. Highlight.js
hightlight用起来非常简单,并且支持多语言的高亮。它已经被整合到多个论坛或者cms或者blog中作为插件使用。![](http://blog.youmila.com/wp-content/uploads/2009/11/highlight-js.png)
7. DlHighlight
只是一个简单的语法高亮脚本,只支持4中语言JavaScript, CSS, XML, HTML.![](http://blog.youmila.com/wp-content/uploads/2009/11/dlhighlight.png)
8. Google Code Prettify
Google Code Prettify 是个js和css的语法高亮脚本。![](http://blog.youmila.com/wp-content/uploads/2009/11/google-code-prettify.png)
9. JUSH
JUSH 是另外一个支持语法高亮的jquery插件,它支持很多种语言语法高亮。比如:HTML, CSS, PHP,PY and SQL.![](http://blog.youmila.com/wp-content/uploads/2009/11/jush.png)
相关文章推荐
- 9个实用的Javascript代码高亮脚本
- 9个实用的Javascript代码高亮脚本
- 9个实用的Javascript代码高亮脚本
- 9个实用的Javascript代码高亮脚本
- 9个实用的Javascript代码高亮脚本
- 前端之美:9个很酷的基于 CSS3 和 JavaScript 实现的效果
- JavaScript--基于对象的脚本语言学习笔记(一)
- 实用的javaScript脚本
- 一个禁止右键、选择、拖曳、清空剪切板、禁止网页另存为的实用JavaScript脚本
- 9个很酷的基于 CSS3 和 JavaScript 实现的效果
- javascript关于复选框的实用脚本代码
- [转贴]JavaScript 实用脚本
- 实用JavaScript脚本代码大全
- 基于JavaScript表单脚本(详解)
- JavaScript 实用脚本,很好,珍藏起来[转贴]
- javascript实用脚本
- [轉]9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架
- 比较实用的复选框的实用javascript脚本
- JavaScript--基于对象的脚本语言学习笔记(一)