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

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
教大家一下织梦dedecms使用百度编辑Ueditor设置代码高亮教程的方法,有需要的可以试一下
织梦dedecms系统,去年出了个神器百度编辑器(Ueditor),当时看到该编辑器觉得界面、功能都做的挺好,就整合了织梦dedecms和Ueditor,
具体方法你可以查看:dedecms整合百度编辑器(Ueditor)
但是整合问题出来了,在Ueditor中添加代码显示是高亮的,但是浏览文件的是代码却没有高亮显示,
dedecms整合百度编辑器Ueditor为什么前台代码不高亮显示呢?
其实原因很简单,因为你在内容页没有引用代码高亮的JS、css文件,PS:百度编辑器的说明文档不到位,才会让很多新手朋友走了弯路,只需要在你的模板页加上这些文件就会显示了
代码高亮解决办法:
在文章内容页模板<head>之间加上以下代码</head>,注:文件的路径请根据你的Ueditor实际路径修改
  1. <link href="/include/Ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" /> 
在文章内容页模板</body>之前加上
  1. <script type="text/javascript" src="/include/Ueditor/third-party/SyntaxHighlighter/shCore.js"></script> 
  2. <script type="text/javascript"> 
  3. SyntaxHighlighter.all(); 
  4. </script> 
仅供参考学习,希望可以帮助到你

查看更多 DedeCms教程  织梦模板  织梦DedeCms视频教程  织梦dedecms专题

来源:模板无忧//所属分类:DedeCms教程/更新时间:2020-04-17
相关DedeCms教程