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

花开花谢,人来又走,夕阳西下,人去楼空,早已物是人非矣。也许,这就是结局,可我不曾想过结局是这样;也许,这就是人生的意义,可我不曾想竟是生离死别。

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

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

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

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

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

代码高亮解决办法:

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

<link rel="nofollow noopener noreferrer" 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如何使用百度编辑Ueditor设置代码高亮好代码教程到此结束。人生之路无坦途,走出困境天地宽。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
织梦后台文档列表添加复制文档功能支持所有模型

织梦无法上传ico图标格式文件的如何解决方法

dedecms如何实现任意页面调用当前会员信息的方

织梦dede:tag调用指定多个栏目的TAG标签

织梦栏目列表按附加表自定义字段排序