[p=null, 2, left]Google Code Pretiffy 是 Google 的一个用来对代码进行语法着色的 JavaScript 库,支持 C/C++, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash, SQL, HTML, XML, CSS, JavaScript, Makefiles和部分Perl。[/p]
[p=null, 2, left]Google Code Pretiffy 基于jquery库,非常小巧且配置简单,使用它来实现代码的高亮显示是个不错的选择。[/p]
[p=null, 2, left]我作了下小修改,主要是修正默认换行和默认显示行号。[/p]
[p=null, 2, left]1、引入 jQuery 文件和 prettify.js 文件[/p][p=null, 2, left]
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="prettify.js"></script>
[/p][p=null, 2, left][/p][p=null, 2, left] 2、将你需要高亮显示的代码片断放在<pre>标记里,如下:[/p][p=null, 2, left]
<preclass="prettyprint">
/*你的代码片断*/
</pr
[/p][p=null, 2, left]3、使用 jQuery 小技巧实现优化,免去手动为 <pre> 标签添加“prettyprint”类[/p][p=null, 2, left]
$(window).load(function(){
$("pre").addClass("prettyprint");
prettyPrint();
})
[/p][p=null, 2, left] 具体页面内的效果,可以点这里查看 。 [/p]
[p=null, 2, left] 打包好的文件点这里下载:给Dedecms添加谷歌的语法高亮js库 下载地址(点击数字即可下载)→:8142[/p]
最后于 2019/02/23 16:27:42
被管理员编辑
,原因:
TAGS 织梦cms教程