帝国cms使用百度编辑器highlight实现代码高亮

首先你需要下载highkight js文件地址在：下载

里面有多个文件，把文件放入自己的skin文件夹下，其实放在任何位置都行，只要你改一下下面的路径就可以了。我用的代码高亮风格style是atom-one-dark

把下面这段代码放入你的内容模版的head标签中

<script>hljs.initHighlightingOnLoad();</script>

这下坑来啦！

百度编辑器ueditor他的代码块里面是没有code这个标签的，我们可以可以用自己的js写入

找到自己的帝国cms的底部模版，内容模版也可以，在最下面添加以下代码（js代码）

    var allpre = document.getElementsByTagName("pre");    
    for(i = 0; i < allpre.length; i++)    
    {    
    var onepre = document.getElementsByTagName("pre")[i];    
    var mycode = document.getElementsByTagName("pre")[i].innerHTML;    
    onepre.innerHTML = ''+mycode+'';    
    }

下面看效果

显示非常良好，原创不易！更多内容关注www.mimiwuqi.com