飘仙建站论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 359|回复: 0

[分享] dedecms使用百度编辑Ueditor设置代码高亮教程

[复制链接]
     

4417

主题

1万

帖子

54万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
540399

魅力奖活力之星热心会员

发表于 2018-7-17 17:30:53 | 显示全部楼层 |阅读模式
窍门天下使用的是dedecms系统,去年出了个神器百度编辑器(Ueditor),当时看到该编辑器觉得界面、功能都做的挺好,就整合了dedecms和Ueditor,
具体方法你可以查看:dedecms整合百度编辑器(Ueditor)
但是整合问题出来了,在Ueditor中添加代码显示是高亮的,但是浏览文件的是代码却没有高亮显示,
dedecms整合百度编辑器Ueditor为什么前台代码不高亮显示呢?
其实原因很简单,因为你在内容页没有引用代码高亮的JS、css文件,PS:百度编辑器的说明文档不到位,才会让很多新手朋友走了弯路,只需要在你的模板页加上这些文件就会显示了
代码高亮解决办法:
在文章内容页模板<head>之间加上以下代码</head>,注:文件的路径请根据你的Ueditor实际路径修改
  1. <link href="/include/Ueditor/third-**/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" />
复制代码

在文章内容页模板</body>之前加上
  1. <script type="text/javascript" src="/include/Ueditor/third-**/SyntaxHighlighter/shCore.js"></script>
  2. <script type="text/javascript">
  3. SyntaxHighlighter.all();
  4. </script>
复制代码


<

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|小黑屋|手机版|西部数码代理|飘仙建站论坛 ( 豫ICP备08106178号-2 )

GMT+8, 2021-3-9 08:41 , Processed in 0.202077 second(s), 31 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表