程序博客网 > 存放相册的软件

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

来源：互联网发布：存放相册的软件编辑：程序博客网时间：2024/04/30 06:35

在我们写博客或文章的时候可能会在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");
});

下载地址

下载prettify

0 0

存放相册的软件

存放相册的软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子男士背包单肩包男士品牌包品牌背包男士休闲包什么牌子好男士皮具品牌男士背包单肩包男士包包男士帆布手提包男士公文包品牌排行男士双肩背包品牌男士真皮手提包钱包那个牌子好男士皮包价格男士名牌手包男手包男人公文包斜挎包男斜挎包男 bottega veneta男包奇妙男友黑猫男友男友想要我男友要我和男友色男友男友女孩找男友男友力我和男友男友摸我我的男友与男友叶锦添男友男友撒娇和男友去ktv他叫我别穿内裤男友添得我发抖我的奇妙男友单身女孩找男友我的禽兽男友想联系前男友想男朋友了怎么办