更换Dedecms ckeditor编辑器为百度ueditor(1.4.3.3 PHP utf-8)编辑器教程【2017最新】

对于经常使用dedecms的朋友来说,大多数都抱怨的它的编辑器太难用了,随着浏览器的升级,dede使用的ckeditor编辑器版本一直也没有更新,造成了编辑器在很多浏览器中不兼容。今天就教大家如何把dede的ckeditor编辑器换成百度的ueditor编辑器。

本教程的主题有两个:

一、更换Dedecms ckeditor编辑器为百度ueditor编辑器

二、解决dede栏目和单页中,Ueditor编辑器不能保存的问题

本教程中,使用的dedecms是utf-8版本,百度ueditor版本是:1.4.3.3 PHP utf-8

PS:以下方法为本人亲测!效果如下:

百度ueditor


一、更换Dedecms ckeditor编辑器为百度ueditor编辑器

1,打开网址:http://ueditor.baidu.com/website/download.html,下载1.4.3.3 PHP utf-8版本

注:这里的版本一定要对应上,如果你使用的dedecms是gbk版本,那么在选择ueditor的时候要选择gbk版本。

下载百度ueditor编辑器

2,下载好以后解压文件,然后在dedecms的include文件夹下新建一个ueditor文件夹,把所有文件都复制到这个文件夹里。

百度ueditor编辑器教程

3,打开include\inc\inc_fun_funAdmin.php文件,在185 - 226行找到类似如下代码

Ps:修改之前请备份该文件,以免出错。

在这些代码的下边(226行的下边)添加如下代码:

4,修改ueditor编辑器上传文件的路径

打开 include\ueditor\php\config.json文件,修改图片上传路径,比如我就把图片的路径修改成如下格式(当然你也可以不修改,直接默认)

修改ueditor配置文件config.json

5,打开 后台-系统-系统基本参数-核心设置 - Html编辑器,把ckeditor改成ueditor

修改dedecms编辑器配置为ueditor

好了,到了这一步,可以说编辑器已经替换完成了。但是,我们会发现一个问题,编辑器在文章中可以正常使用,但是在栏目内容和单页面中,编辑器不能保存


二、解决dede栏目和单页中,Ueditor编辑器不能保存的问题

解决方法:把表单<form>的开头部分移到<td>里。

修改后台模板文件:(默认dede是后台文件夹)

\dede\templets\catalog_add.htm 栏目添加模板
\dede\templets\catalog_edit.htm 栏目修改模板
\dede\templets\templets_one_add.htm 单页添加模板
\dede\templets\templets_one_edit.htm 单页添加模板

修改catalog_add.htm

在catalog_add.htm中找到如下代码, 把下图中我红色框选的代码 移动到 蓝色框选 代码的下边

catalog_add

移动好以后,效果如下。

catalog_add1

好,你现在在栏目内容编辑器里 随意添加一些文字,图片,看看是不是已经可以保存了。我们接着修改另外几个模板文件。

在下面几个文件的修改中,我就不做演示了,直接用图片标注, 红色框选代表1蓝色框选代表2,所有的修改都是把 2的内容 移动到 1的下边

catalog_edit.htm
dede栏目内容添加兼容ueditor编辑器

templets_one_add.htm
dede单页添加兼容ueditor编辑器

 

templets_one_edit.htm dede单页修改兼容ueditor编辑器

好了,现在去试试添加修改栏目内容,添加修改单页内容。看看是不是已经都可以保存了。

另外,如果你用dedecms做的网站是自己的,那么只需要修改catalog_edit.htm和templets_one_edit.htm这两个模板文件就可以了(你懂的)。如果是给客户使用,那么这四个模板文件都要修改!


好了,以上就是本次教程的全部内容,另外,我已把本教程中需要修改的所有文件整理打包,你可以通过以下方式下载!

1,本站下载

2,百度网盘下载 提取密码:e732

本文为原创,转载请著名出处。本文链接:http://blog.w3cnote.cc/change-the-dedecms-ckeditor-to-baidu-ueditor/
飞鱼

发表评论

电子邮件地址不会被公开。 必填项已用*标注