使用Google Code Prettify实现代码高亮

prettify 非常小巧且配置简单,使用它来实现代码的高亮显示是个不错的选择。下边我们简单看看Google Code Prettify的使用方法:

1.引入 jQuery 文件、 prettify.js 文件和样式主题ddd.css

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="prettify.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://1.absyy.sinaapp.com/GoogleCodePrettify/ddd.css" type="text/css" media="all"/>

2.调用 prettify.js 实现代码高亮

在网页中加入:

<script>
$(window).load(function () {
 $("pre").addClass("prettyprint linenums");
 prettyPrint();
})
</script>
 
//linenums表示添加行号

将你需要高亮显示的代码片断放在<pre>标记里即可,如下:

 

<pre>
    @*你的代码片断*@
</pre>

附Google Code Prettify颜色主题

下载Google Code Prettify

暂无评论

发送评论 编辑评论


				
上一篇
下一篇