官方推荐方法 和 手动替换方法,官方方法最简单,手动方法最灵活。

准备工作(两种方法通用)
在开始之前,请务必备份您的网站,特别是 /dede/ 目录和 /include/ 目录,以防操作失误导致网站无法访问。
官方后台安装(最简单、推荐)
DedeCMS的后台本身就提供了编辑器管理功能,可以方便地切换或安装新的编辑器。
步骤 1:登录后台
使用管理员账号登录您的DedeCMS后台。
步骤 2:进入编辑器管理界面
- 在左侧菜单栏中找到 【系统】 -> 【系统基本参数】。
- 在打开的页面中,点击左侧菜单的 【核心设置】。
- 向下滚动页面,找到 【主编辑器】 这一项。
步骤 3:选择并保存编辑器
-
在 【主编辑器】 的下拉菜单中,您会看到几个选项:
(图片来源网络,侵删)dede:这是DedeCMS默认的编辑器。ckeditor:一个功能强大的开源编辑器。fck:较早的编辑器,功能不如CKEditor。kindeditor:非常流行的编辑器,功能丰富,对中文支持好。ueditor:百度推出的编辑器,功能非常强大,是目前的主流选择。
-
选择您想要的编辑器,例如选择
kindeditor或ueditor。 -
点击页面底部的 【保存】 按钮。
步骤 4:验证结果
保存后,返回到网站的前台或后台,任意添加一篇新文章,在文章内容编辑区域,您应该就能看到新更换的编辑器了。
优点:
- 操作简单:无需下载文件,无需修改代码。
- 安全可靠:官方提供,兼容性有保障。
- 一键切换:可以随时在后台切换回来。
缺点:
- 版本可能老旧:后台提供的编辑器版本可能不是最新的。
手动替换(最灵活、可自定义)
如果您想使用最新版本的编辑器,或者对编辑器进行深度自定义,可以选择手动替换。
这里我们以最流行的 KindEditor 为例进行说明。
步骤 1:下载编辑器文件
- 访问 KindEditor 官方网站下载最新版本:http://kindeditor.net/down.php
- 下载后解压,您会得到一个名为
kindeditor的文件夹。
步骤 2:上传编辑器文件到服务器
- 使用FTP工具连接到您的网站服务器。
- 将解压后的
kindeditor文件夹上传到您的网站根目录下的/include/文件夹中。- 如果您的网站根目录是
public_html,那么上传路径就是public_html/include/。 - 上传后,路径应该是
/include/kindeditor/。
- 如果您的网站根目录是
步骤 3:修改DedeCMS配置文件
这是最关键的一步,需要告诉DedeCMS去加载新的编辑器。
-
使用FTP工具或服务器文件管理器,打开网站根目录下的
/include/文件夹。 -
找到并编辑
config.base.php文件(有些版本可能是config.inc.php,请根据您的实际情况选择)。 -
在文件中找到
$_sys['editor']这一行。// 修改前 $_sys['editor'] = 'dede'; // 修改后 $_sys['editor'] = 'kindeditor';
-
保存并关闭
config.base.php文件。
步骤 4:确保编辑器调用文件存在
DedeCMS需要一个特定的PHP文件来初始化和加载编辑器,对于KindEditor,这个文件通常是 /include/kindeditor/kindeditor_set.php。
- 检查您上传的
/include/kindeditor/文件夹中是否存在kindeditor_set.php文件。- 如果存在:直接跳到下一步。
- 如果不存在:您需要手动创建这个文件,可以参考网上其他教程或DedeCMS官方论坛中关于此文件的写法,通常它会包含一些初始化KindEditor的PHP代码。
步骤 5:清理缓存并验证
- 登录DedeCMS后台。
- 进入 【系统】 -> 【一键更新网站缓存】,点击执行,确保所有缓存都已更新。
- 前台或后台任意添加一篇新文章,检查编辑器是否成功加载。
优点:
- 版本最新:可以使用编辑器的最新版本,获得新功能和安全补丁。
- 高度自定义:可以自由修改编辑器的配置文件(如
kindeditor.js或config.js),定制工具栏、皮肤等。 - 功能完整:可以完整使用编辑器的所有高级功能。
缺点:
- 操作复杂:需要下载、上传文件,并修改代码。
- 可能不兼容:如果编辑器版本与DedeCMS内核不完全匹配,可能会出现样式错乱或功能异常。
- 升级麻烦:未来升级编辑器需要重复上述步骤。
常见问题排查 (FAQ)
问:为什么我更换编辑器后,后台文章列表页或内容页样式乱了?
答:这通常是CSS样式冲突导致的,您可以在网站模板的CSS文件中检查是否有与编辑器生成的HTML标签(如 ke-content, ke-edit 等)冲突的样式定义,并进行调整。
问:手动替换后,编辑器无法加载,显示空白或报错? 答:
- 检查文件路径:确认
kindeditor文件夹是否上传到了正确的/include/目录下。 - 检查文件权限:确保
/include/kindeditor/目录及其内部文件的权限是正确的(通常是755或644)。 - 检查PHP文件:确认
kindeditor_set.php文件是否存在且内容正确。 - 检查错误日志:查看服务器的PHP错误日志,可能会有更详细的错误信息。
问:我想用UEditor怎么办? 答:步骤与手动替换KindEditor完全一样。
- 到百度UEditor官网下载最新版本。
- 将下载的文件夹(通常命名为
ueditor)上传到/include/目录。 - 修改
/include/config.base.php文件中的$_sys['editor'] = 'ueditor';。 - 确保
/include/ueditor/目录下有正确的初始化文件(通常也是ueditor_set.php)。
总结建议
- 对于大多数用户:强烈推荐使用 方法一(官方后台安装),它简单、快速、安全,足以满足日常使用需求。
- 对于追求极致体验的开发者或站长:如果官方提供的编辑器版本过旧或功能不足,可以选择 方法二(手动替换) 来获得最新、最强大的编辑器功能。
希望这个详细的教程能帮助您成功更换DedeCMS的编辑器!
