dedecms使用百度编辑Ueditor设置代码高亮教程

时间：2016-02-22

窍门天下使用的是dedecms系统，去年出了个神器百度编辑器(Ueditor)，当时看到该编辑器觉得界面、功能都做的挺好，就整合了dedecms和Ueditor，

具体方法你可以查看：dedecms整合百度编辑器(Ueditor)

但是整合问题出来了，在Ueditor中添加代码显示是高亮的，但是浏览文件的是代码却没有高亮显示，

dedecms整合百度编辑器Ueditor为什么前台代码不高亮显示呢？

其实原因很简单，因为你在内容页没有引用代码高亮的JS、css文件，PS：百度编辑器的说明文档不到位，才会让很多新手朋友走了弯路，只需要在你的模板页加上这些文件就会显示了

代码高亮解决办法：

在文章内容页模板<head>之间加上以下代码</head>，注：文件的路径请根据你的Ueditor实际路径修改

<link href="/include/Ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" />

在文章内容页模板</body>之前加上

<script type="text/javascript" src="/include/Ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script type="text/javascript">
SyntaxHighlighter.all();
</script>

如果还是不行，可以联系窍门天下站长

本文来源:genban.org

上一条：dedecms远程附件图片整合阿里云存储OSS插件教程 下一条:dedecms整合百度编辑器(Ueditor)二（图片上传路径问题）

dedecms使用百度编辑Ueditor设置代码高亮教程

相关文章

最新文章