欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

织梦模板

当前位置:织梦模板 > 技术文档 > 网站技巧 > 百度编辑Ueditor设置代码高亮教程
这篇文章主要为大家详细介绍了百度编辑Ueditor设置代码高亮教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

       之前织梦361小编给大家介绍了如何整合百度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>
以上就是百度编辑Ueditor设置代码高亮教程的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: UEditor 百度编辑 代码高亮

上一篇php5.4下织梦dedecms后台发布文章提示“标题不能为空”

下一篇织梦文章列表分页如何解决,以及分页标签详细解释

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在