热搜: fiddler git ip 代理
历史搜索

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

admin2023-12-07 14:45:13

首先你需要下载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+'';    
    }

下面看效果

image.png

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