小草根

[v57模块]给dedecms安装谷歌页面语法高亮js库 google code prettify

作者:小草根   发布时间:2014-03-29 11:24   回复数:1   浏览数:961
小草根
9611小草根管理员
2014-03-29 11:24:32
9611 2014-03-29 11:24:32
[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]&lt;preclass=\&quot;prettyprint\&quot;&gt;
    /*你的代码片断*/
    &lt;/pr
[/p][p=null, 2, left]3、使用 jQuery 小技巧实现优化,免去手动为 <pre> 标签添加“prettyprint”类[/p][p=null, 2, left]$(window).load(function(){
    $(\&quot;pre\&quot;).addClass(\&quot;prettyprint\&quot;);
      prettyPrint();
    })
[/p][p=null, 2, left]     具体页面内的效果,[color=rgb(0, 112, 175)]可以点这里查看 。  [/p]
[p=null, 2, left]     打包好的文件点这里下载:给Dedecms添加谷歌的语法高亮js库 给Dedecms添加谷歌的语法高亮js库.rar[/p]
游客
登录后才可以回帖,登录 或者 注册