首页 > 素材 > 源码素材 > 代码高亮插件prettyPrint.js使用与下载
网站建设、切图、企业建站、微信开发 联系QQ:404658186 tel:18716186715
2015
07-11

代码高亮插件prettyPrint.js使用与下载

文章目录 [收起]

在我们写博客或文章的时候可能会在pre标签中插入代码,但是原生的pre标签代码显示比较单一,不易突出重点不方便阅读,幸好有prettyPrint.js,一个Google代码高亮插件,实现代码高亮显示。

演示效果

QQ截图20150711100654

使用方法:

第一步,引入prettify.js和prettify.css

<script src="js/prettify.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/prettify.css"/>

第二步,在body的onload事件里添加函数”prettyPrint()”

<body onload="prettyPrint()">

第三步,pre标签添加CSS类“prettyprint linenums”

<pre class="prettyprint linenums">

或者你也可以这样,使用js动态添加

$(document).ready(function() {
 $(".entry-content pre").addClass("prettyprint linenums");
});

下载地址

最后编辑:
作者:码农一号
这个作者貌似有点懒,什么都没有留下。
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

留下一个回复

你的email不会被公开。

*