返回列表 发新帖
查看: 959|回复: 2

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

[复制链接]

6671

热度

1万

元宝

262

贡献

管理员

DZ专员

发表于 2014-4-20 10:59:02 | 显示全部楼层 |阅读模式

Google Code Pretiffy 是 Google 的一个用来对代码进行语法着色的 JavaScript 库,支持 C/C++, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash, SQL, HTML, XML, css, JavaScript, Makefiles和部分Perl。



Google Code Pretiffy 基于jquery库,非常小巧且配置简单,使用它来实现代码的高亮显示是个不错的选择。



我作了下小修改,主要是修正默认换行和默认显示行号。




1、引入 jQuery 文件和 prettify.js 文件

  1. <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
  2.     <script type="text/javascript" src="prettify.js"></script>
复制代码

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

  1. <preclass="prettyprint">
  2.     /*你的代码片断*/
  3.     </pr
复制代码

  3、使用 jQuery 小技巧实现优化,免去手动为 <pre> 标签添加“prettyprint”类

  1. $(window).load(function(){
  2.     $("pre").addClass("prettyprint");
  3.       prettyPrint();
  4.     })
复制代码

具体页面内的效果,可以点这里查看 。  


     打包好的文件点这里下载:给Dedecms添加谷歌的语法高亮js库

给Dedecms添加谷歌的语法高亮js库.rar (37.97 KB, 下载次数: 1)



3648

热度

4465

元宝

142

贡献

终身ViP

宣传达人突出贡献论坛元老热心会员灌水之王活跃会员

发表于 2014-5-5 20:16:10 | 显示全部楼层
逆袭成功。。。。。。(无论如何。也要顶)

2

热度

20

元宝

0

贡献

步入草根

发表于 2015-1-30 20:24:54 | 显示全部楼层
使用 jQuery 小技巧实现优化
返回列表 发新帖
 懒得打字嘛,点击右侧快捷回复【最新发布】   【赞助草根吧享更多权益】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

收藏帖子 返回列表 搜索

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

小黑屋|手机版|草根吧