忘记密码?

一键登录

草根吧源码论坛

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

查看: 743|回复: 2

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

[复制链接]

5760

主题

704

热度

2202

贡献

管理员

Rank: 9Rank: 9Rank: 9

DZ专员

发表于 2014-4-20 10:59:02 | 显示全部楼层 |阅读模式 | 百度  360  谷歌 
分享到:

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库

草根吧 [v57模块]给dedecms安装谷歌页面语法高亮js库 google code prettify google,dedecms,谷歌 wordpress|织梦cms rar 给Dedecms添加谷歌的语法高亮js库.rar (37.97 KB, 下载次数: 1)

帖子地址: 

本文来源于草根吧源码论坛 www.caogen8.co,欢迎大家下载。
如果您没有贡献需要充值,可以直接在线充值,点击充值
如果你需要加入本站赞助VIP会员,可以直接在线开通,点击开通
如果找不到您要的资源,请搜索一下,点击搜索
回复

举报

15

主题

3532

热度

97

贡献

终身赞助ViP

Rank: 7Rank: 7Rank: 7

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

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

0

主题

2

热度

0

贡献

步入草根

Rank: 1

发表于 2015-1-30 20:24:54 | 显示全部楼层
使用 jQuery 小技巧实现优化

发表回复

您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆 用百度帐号登录 一键登录:

本版积分规则

收藏帖子 返回列表 搜索
快速回复 返回顶部 返回列表