瓦窑源码 快速建站好帮手
客服QQ客服QQ 微信号微信号

织梦dedecms如何实现百度编辑ueditor代码高亮

本文介绍了织梦dedecms如何实现百度编辑ueditor代码高亮,打开:/third-party/SyntaxHighlighter/shCore.js和shCoreDefault.css,在前端模板里面加入两个文件调用网址就可以了。

织梦网站源码

织梦dedecms如何实现百度编辑ueditor代码高亮?一起来看看处理方法。

在百度编辑器ueditor中添加代码显示是高亮的,但是浏览文件的是代码却没有高亮显示

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

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

找到相关的JS、CSS文件,把他们引入到文章内容页中,而这个两个文件在ueditor文件下。

路径为:/third-party/SyntaxHighlighter/shCore.js和shCoreDefault.css

代码高亮解决办法:

在文章内容页模板<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代码高亮显示

以上就是关于织梦ueditor代码高亮的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

微信公众号

TAG标签:织梦ueditor代码高亮

上一个:织梦dedecms如何解决栏目列表首页与第一页重复
下一个:织梦dedecms如何调用多张图片和图片注释

瓦窑源码专注织梦网站源码与静态模板分享,提供织梦模板,dedecms模板,织梦企业源码,dedecms商业源码和织梦免费模板下载

织梦源码 - 织梦模板 - 网页素材 - 织梦教程 - 站长学院 - 热门排行 - Tags标签 - 网站地图 - 免责声明

Copyright©2021 瓦窑源码 Why114.COM 版权所有 鲁ICP备20017802号-2

客服QQ:1847629575 微信号:qilujianzhan

展开