欢迎来到入门教程网!

dedecms

当前位置:主页 > CMS教程 > dedecms >

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

来源:本站原创|时间:2021-08-05|栏目:dedecms|点击:

我有几个网站使用的是织梦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>
 

上一篇:实现复制文档内容自动加版权信息的实现方法

栏    目:dedecms

下一篇:织梦dedecms留言本模板调用导航head

本文标题:织梦dedecms使用百度编辑Ueditor设置代码高亮教程

本文地址:https://www.xiuzhanwang.com/a1/dedecms/15695.html

更多dedecms

您可能感兴趣的文章

阅读排行

本栏相关

随机阅读

网页制作CMS教程网络编程软件编程脚本语言数据库服务器

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:835971066 | 邮箱:835971066#qq.com(#换成@)

Copyright © 2002-2020 脚本教程网 版权所有