更换DedeCMS的编辑器为百度UEditor

百度UEditor
用过DedeCMS的人可能都有一个感觉,自带的可视化编辑器太差劲了。Dede在5.6版之前用的编辑器是FCKEditor,5.7之后改成了ckeditor,实际还是FCK,只是这个编辑器改名了而已。用这个编辑器粘贴从Word复制过来的文字时,会产生大量的垃圾代码,既不利于排版,也不太美观。

今天我来介绍一下如何将Dede默认的编辑器换成百度的Ueditor编辑器。

Ueditor是由百度web前端研发部开发的所见即所得富文本Web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用。目前已经成功部署在百度百科,百度新知,百度空间等产品上。其他非百度产品也有使用,如金山联盟,巨人网络,博客中国等。

在DedeCMS中使用UEditor的方法如下:

1. 首先要下载一个UEditor for Dede专用版。点击这里下载。这是开发团队为织梦系统做的一个插件,用于进行内部编辑器的切换。

2. 将解压后得到的ueditor文件夹拷贝到DedeCMS中的include文件夹下(include文件夹里可以看到ckeditor文件夹,下左图),并用ueditor文件夹里的inc_fun_funAdmin.php文件覆盖include\inc\下的同名文件(下右图)(覆盖前最好备份原文件)

3. 修改网站核心设置里面”Html编辑器”的内容为”ueditor”(该参数在dedecms织梦后台的 系统->系统参数->核心设置下,如下图所示)。

大功告成了。这个时候进你的网站后台,随便选个栏目添加文档,看看编辑器是不是变了,白色的编辑器界面,挺清爽的,各种功能也很齐全。赶快去试试吧!

需要特别说明的是,这款编辑器针对DedeCMS只有UTF-8编码的版本,如果你使用的Dede是GB2312编码的,建议不要替换,否则编辑器会出现乱码。

Update1:可能出现的问题
百度编辑器和织梦自带的Ckeditor相比,总的来看还是略胜一筹。但百度编辑器的图片上传功能还有待改进,它不能在文章任意位置添加图片,并且图片上传路径也存在一定的问题。使用百度编辑器,从此高清图是路人,下面我们来解决百度编辑器对织梦整合的不完善地方。

1. 解决使用百度编辑器,从此高清图是路人,图片被缩略问题
打开\include\ueditor\js下的editor_config.js文件,把maxImageSideLength的值修改成更大,如2048。

2. 解决百度图片上传不能正常显示问题
打开\include\ueditor\js下的editor_config.js文件,把var URL= “../”;更改为var URL= “/include/ueditor/” ,最后不要忘记清空浏览器缓存。

Update2:栏目内容无法保存
最新发现,使用UEditor会导致一个严重问题。在织梦的栏目管理中,栏目内容可以直接输入,然后在模板中使用{dede:field.content/}调用。但更换为UEditor后,新添加栏目内容则无法保存,编辑已有的栏目内容,保存后内容也会被清空。暂时还没有找到解决办法。如果你的网站不会用到栏目内容,那可以放心使用UEditor,否则,建议还是先换回默认的ckeditor吧。

参考:
http://ueditor.baidu.com/website/teach.html#dede
http://www.bugxm.com/article/13.html

本文为原创,转载请注明来自 THIS IS IT - 夜色冷月,并保留原文链接

相关日志

已留下 8 个脚印

  1. 一般后期不用扩展

  2. DedeCMS越来越差了,广告化得严重

    Conners  
  3. 太强了!(此回复虽有且仅有三个字,却深刻地表达了回复人的深深的祝福与刻骨的情感,可谓言简意赅,一字千金,字字扣人心弦,字字催人泪下,足可见回复人扎实的文字功底和信手拈来的写作技巧及惨绝人寰的创新能力。实是佩服佩服!再加上以感叹号收尾,点睛之笔,妙笔生花,意境深远,照应前文,升华主题,把回复人的感情表达得淋漓尽致,给人无限感动和惆怅,有浑然天成之感,实乃回复中之极品,祝福中之绝笔.)

  4. dede是最流行的CMS了!这个分享不错,一会去试试

  5. 嗯!不错。多谢分享

  6. UEditor也不见得好到哪去

留下足迹