[原创] 实现文章代码部分高亮

kindeditor 代码高亮 prettify

2015-11-06 2251

本站中的文章内容是通过kindeditor编辑的,在blog详情中出现的代码部分内容,使用了prettify插件实现高亮显示。虽然显示还不是很完美,不过已经知足了。

使用了bootcss的cdn资源

http://cdn.bootcss.com/prettify/r298/prettify.js

http:////cdn.bootcss.com/prettify/r298/prettify.css

主要是blog使用了bootstrap插件,所以省去了很多烦心的样式部分内容。具体使用方法为:

在页面中引入两个文件css和js,在页面初始化完成后执行高亮显示代码方法即可


<script src="http://cdn.bootcss.com/prettify/r298/prettify.js"></script>
  <link rel="stylesheet" href="http:////cdn.bootcss.com/prettify/r298/prettify.css">
  <script>
    $(function(){
      prettyPrint();
    });

  </script>