- 一个代码高亮的插件
- 基于jquery
- 好看 = =
- 下载附件中的文件
- 在你的前端代码中引入
//jquery 的版本最好不要太新
<script src="http://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<script src="./js/lib/pretty/js/prettify.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="./js/lib/pretty/css/prettify.css"/>
- 在body中添加
<body onload="prettyPrint()">
- 在body后的script标签中添加(为所有的pre标签添加prettify中的类名,也可以自己手动为指定标签添加类名)
$("pre").addClass("prettyprint linenums");
prettyPrint();
- 上面步骤完成之后那个页面下的所有pre标签里的代码都是高亮的,当然你可以自己定义在哪里的pre标签高亮
- 可以在这个网站上更换自己喜欢的主题 戳我戳我 = =,也可以自己定制主题
- 效果如下图: