[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=&#34;text/javascript&#34; src=&#34;jquery-1.10.2.min.js&#34;></script>
    <script type=&#34;text/javascript&#34; src=&#34;prettify.js&#34;></script>

[/p][p=null, 2, left][/p][p=null, 2, left] 2、将你需要高亮显示的代码片断放在<pre>标记里，如下：[/p][p=null, 2, left]

<preclass=&#34;prettyprint&#34;>
    /*你的代码片断*/
    </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]

TAGS 织梦cms教程