代码高亮插件prettyPrint.js使用

883 阅读 0 评论 583 点赞

我是靠谱客的博主开朗过客，这篇文章主要介绍代码高亮插件prettyPrint.js使用，现在分享给大家，希望可以做个参考。

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

复制代码

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

第二步，在body的onload事件里添加函数οnlοad=”prettyPrint()”

复制代码

1
<body οnlοad="prettyPrint()">

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

复制代码

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

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

复制代码

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

以上就是开朗过客最近收集整理的关于代码高亮插件prettyPrint.js使用的全部内容，更多相关代码高亮插件prettyPrint内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。