代码高亮插件prettyPrint.js使用

第一步,引入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事件里添加函数onload=”prettyPrint()”

<body onload="prettyPrint()">

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

<pre class="prettyprint linenums">${contetn}</pre>

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

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


猜你喜欢

转载自blog.csdn.net/sayoko06/article/details/80980245