日期：2012/01/09 来源：GBin1.com
今天分享一个帮助你迅速生成页面代码语法高亮的类库：Google Code Prettify
主要特性：
- 能够运行在HTML页面上
- 即使代码中含有链接，行号也可以正确运行
- 简单的API : 包含JS和CSS，并且拥有一个onload句柄
- 轻量级: 下载迅速，并且不会影响页面加载和运行
- 通过CSS自定的样式. 查看 主题gallery
- 支持所有的C-like, Bash-like, and XML-like languages.不需要指定任何语言
- 对于其它语言扩展语言处理，你可以指定语言
- 跨浏览器支持， code.google.com 和 stackoverflow.com都使用这个类库
如何使用？
第一步：下载代码 http://code.google.com/p/google-code-prettify/
第二步：引入相关代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf—8"> <title>untitled</title> <link rel="stylesheet" href="highlighter/prettify.css" /> </head> <body> <script src="highlighter/prettify.js"></script> </body> </html>
第三步：在需要高亮支持的<pre>和<code>标签中添加class="prettyprint"，如下：
<pre class="prettyprint">
(function() {
var jsSyntaxHighlighting = 'rocks';
})();
</pre>
第四部：调用相关prettyPrint方法，如下：
<script>prettyPrint();</script>
第五步：当然，你可以添加你喜欢的样式，如下：
<link rel="stylesheet" href="highlighter/dessert.css" />
扫一扫
80
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
