当前位置:模板网首页 > 特效插件 > 代码高亮 >  代码高亮插件prettyP正文

代码高亮插件prettyPrint.js

作者:网页模板
大小:0.018MB
点击次数:
发布时间:2018-01-12 17:15
分享到:

特效介绍

prettyprint.js

    在很多技术型的网站中,经常会用到代码高亮插件,让代码区域看起来和编辑器一样好看。而且,代码可读性也大大提高了。188bet网就采用了代码高亮插件syntaxhighlighter.js。今天,推荐的不是这个高亮插件,而是:prettyPrint.js代码高亮插件,它的默认效果是深灰色背景+圆角,文字高亮,支持JavaScript、Java、C等十几种语言的高亮效果。

使用方法

第一步,引入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");
});

  • 本文标签:
  • prettyPrint.js
没有上一篇
没有下一篇