栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

prettify 代码高亮着色器google出品

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

prettify 代码高亮着色器google出品

在标签之间加入这两行代码:

复制代码 代码如下:

2.调用 prettify.js 实现代码高亮

在 body 标签上添加调用方法,如下:



将你需要高亮显示的代码片断放在

标记里,如下:

  @*你的代码片断*@

使用 jQuery 小技巧实现优化

上述方法可以实现代码的高亮,但每次手动为

标签添加"brush:php;toolbar:false"类,显示有些麻烦。使用下边的代码片断来解决这个问题并替换掉 body 的"onload"的事件,实现分离:

$(window).load(function(){
   $("pre").addClass("brush:php;toolbar:false");
   prettyPrint();
})

到这我们应该已经成功使用 prettify.js 实现了代码的高亮显示,为了提高页面加载速度,我们应该将引用的 js 文件放置在底部

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/114774.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号