小草根

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

作者:小草根   发布时间:2014-04-20 10:59   回复数:2   浏览数:961
小草根
9612小草根管理员
2014-04-20 10:59:02
9612 2014-04-20 10:59:02
话题: google dedecms 谷歌
[p=null, 2, left][color=rgb(0, 112, 175)]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 基于[color=rgb(0, 112, 175)]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]     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库[/p][p=null, 2, left]给Dedecms添加谷歌的语法高亮js库.rar
[/p]
吴大哥
沙发吴大哥步入草根 2015-01-30 20:24
使用 jQuery 小技巧实现优化
1026
板凳1026终身ViP 2014-05-05 20:16
逆袭成功。。。。。。(无论如何。也要顶)
游客
登录后才可以回帖,登录 或者 注册