忘记密码?

一键登录

草根吧源码论坛

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

查看: 605|回复: 1

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

[复制链接]

5760

主题

704

热度

2187

贡献

管理员

Rank: 9Rank: 9Rank: 9

DZ专员

发表于 2014-3-29 11:24:32 | 显示全部楼层 |阅读模式 | 百度  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  wordpress|织梦cms rar 给Dedecms添加谷歌的语法高亮js库.rar (41.74 KB, 下载次数: 1)

帖子地址: 

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

举报

发表回复

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

本版积分规则

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