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

softyun3年前cms教程61

教大家一下织梦dedecms使用百度编辑Ueditor设置代码高亮教程的方法,有需要的可以试一下
织梦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的成长,变得越来越方便使用。在DedeCMSv5.7系统中,投票插件可以轻松插入到每一篇文档里,使用更加灵活。字体设计教程 一、投票插件的安装ExtJS...

DEDECMS织梦模板实现图集单击图片翻页的方法(织梦图片定义尺寸)

DEDECMS是一款非常流行的网站内容管理系统,它提供了丰富的模板和插件来帮助用户快速搭建自己的网站。当用户点击其中一张图片时,我们希望能够通过翻页的方式浏览其他图片。通过学习这些知识,我们可以更好地...

默认隐藏部分内容,点击展开更多JS代码

 织梦dedecms这个js适合列表页或首页模板,不仅可以解决页面过长,又有利于搜索引擎抓取足够多的内容。两个部分分享给大家:html部分:!DOCTYPE HTML> <html>...

正则表达式(regular expression)手册

前言 正则表达式是烦琐的,但是强大的,学会之后的应用会让你除了提高效率外,会给你带来绝对的成就感。只要认真去阅读这些资料,加上应用的时候进行一定的参考,掌...

没内容时隐藏“来源”或者“作者”

{dede:field name='source' runphp='yes'}if(@me == "") @me = "";else @me = "来 源:".@me;{/dede:field}{de...

彩色热门tags,热门关键字代码,刷新一次变换一次,无需修改源码

此代码优点: ◎ 无需修改任何源文件 ◎ CSS+JS文件控制,简单更容易! ◎ 随心所欲,想变多少颜色就变多少颜色。 网页部分的代码如下:  <div>   <h2><...