主页 > 网站建设 > 建站知识 > 织梦dedecms添加百度编辑器成功实现代码高亮

织梦dedecms添加百度编辑器成功实现代码高亮

POST TIME:2019-09-29 15:24

织梦5.7自带的编辑器有一个很不好的地方就是不能够是代码高亮,所以有的织梦使用者就利用其它的一些形式来代替,如表格,引用等。目的只有一个就是让代码看的更加清楚在,站长部落 作为一个为广大站长提供技术支持的网站难免会贴出一些代码工站长学习交流, 所以为了方便大家使用,所以也在网上找到一些教程,经过一些更改之后成功了:

一 、首先下载 经过更改后的百度编辑器 http://down.chinaz.com/soft/31257.htm

将解压之后文件夹中include文件夹覆盖在网站目录下的include文件夹下 ,这里主要覆盖了 include/inc/inc_fun_funAdmin.php 文件 及增加了一个Ueditor 文件夹。 在织梦系统后台点击"系统"--"系统基本参数"--"核心设置",找到"HTML编辑器"项目,设置为Ueditor 保存即可;

注:如果你的网站放在linux服务器 那么这里有一个小不同: include文件夹下的Ueditor 改为小写的ueditor 后台设置不变!!

二,内容页修改

下载/shCoreDefault.css 及shCore.js两个文件

在文章内容页中引入这两个文件 例如:

<link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/style/shCoreDefault.css"/> <script type="text/javascript" charset="UTF-8" src="{dede:global.cfg_templets_skin/}/js/shCore.js"></script>

然后在内容页底部加入写列代码:

<script type="text/javascript"> SyntaxHighlighter.highlight(); var editor_a = new baidu.editor.ui.Editor(); editor_a.render( 'myEditor' ); </script>

好了 ! 如果你也安装以上步骤安装顺利的话,就可以看到本页一样的代码高亮效果了!

相关问题:

如果你发现在后台编辑器中 代码可以高亮但是在发布之后的文章中却消失了,那么很有可能是文章内容页中没有加入相关js或css文件,具体参考第二步骤!




收缩
  • 微信客服
  • 微信二维码
  • 电话咨询

  • 400-1100-266