从 FCKeditor 到 CKEditor
首先需要明确一个重要概念:

- FCKeditor 是一个非常经典的老牌富文本编辑器,但其开发已经停止多年。
- CKEditor 是 FCKeditor 的官方后续版本,功能更强大、更安全、更现代化,并且完全兼容 FCKeditor 的基本操作。
强烈建议您为织梦CMS安装和配置的是 CKEditor,而不是已经过时的 FCKeditor,新的织梦CMS版本(如DedeCMS V5.7及以上)默认已经集成了CKEditor,但如果你使用的是旧版本或者需要更换/升级,可以按照以下步骤操作。
官方推荐(适用于DedeCMS V5.7及以上版本)
新版本的织梦CMS默认已经集成了CKEditor,通常你不需要单独下载,如果发现编辑器异常或需要更换,可以按以下步骤操作:
-
进入后台管理 登录您的织梦CMS后台。
-
找到系统设置 在左侧菜单中,找到并点击 【系统】 -> 【系统基本参数】。
(图片来源网络,侵删) -
修改编辑器类型 在“系统基本参数”页面中,切换到 【核心设置】 选项卡。 找到
Html编辑器这一项,将其值从fck或undefined修改为ckeditor。 -
保存并测试 点击“保存”按钮,去发布或编辑任意一篇文档,检查编辑器是否已经成功切换为CKEditor。
手动下载和安装(适用于旧版本或需要全新安装)
如果你的织梦版本非常旧,或者官方集成的方式无法满足需求,可以手动安装。
第1步:下载 CKEditor
- 访问 CKEditor 官方网站:https://ckeditor.com/ckeditor-4/download/
- 重要选择:请下载 CKEditor 4 版本,因为它与织梦CMS的兼容性最好,CKEditor 5 是一个完全不同的版本,结构不兼容。
- 点击 "Download CKEditor 4" 按钮。
- 在下载页面,你可以选择自定义组件,但对于普通用户,直接下载 "Standard Package" (标准包) 即可,它包含了所有常用功能。
- 下载完成后,你会得到一个压缩包,
ckeditor_4.x.x.zip。
第2步:上传文件到服务器
- 解压下载的
ckeditor_4.x.x.zip文件,你会得到一个名为ckeditor的文件夹。 - 通过FTP工具或主机控制面板,将这个
ckeditor文件夹上传到您织梦CMS网站的根目录下。- 上传路径:
/你的网站根目录/ckeditor/
- 上传路径:
第3步:修改织梦配置文件
这一步是让织梦系统识别并使用你上传的CKEditor。

-
定位配置文件 在您的网站根目录下,找到并打开
/include/ckeditor/文件夹。- 注意:这个文件夹可能已经存在,里面是旧的FCKeditor文件,你需要清空或删除这个文件夹里的所有内容,然后将新下载的CKEditor文件夹里的内容复制进去。
- 或者,你也可以直接将新下载的
ckeditor文件夹重命名为ckeditor_new,然后修改织梦的配置文件指向这个新文件夹。
-
修改
config.inc.php文件 打开/include/config.inc.php文件。 找到以下配置项(大约在第62行左右):$cfg_editor = 'fck';
将其修改为:
$cfg_editor = 'ckeditor';
如果你的新CKEditor文件夹不是默认的
ckeditor,而是ckeditor_new,则修改为:$cfg_editor = 'ckeditor_new';
-
(可选)修改编辑器路径 为了确保路径正确,可以打开
/include/ckeditor/config.js文件。 检查CKEDITOR_BASEPATH变量是否正确指向了你的CKEditor文件夹,如果你按照默认方式上传,这一步无需修改,它默认就是/ckeditor/。CKEDITOR_BASEPATH = '/ckeditor/';
第4步:清理缓存并测试
-
清理缓存:
- 登录织梦后台,进入 【系统】 -> 【一键更新缓存】,点击“更新系统缓存”。
- 或者,直接删除
/data目录下的cache_*.php文件。
-
测试: 去发布一篇新文章或修改旧文章,检查编辑器是否已经成功加载为CKEditor。
常见问题与解决
问题1:安装后编辑器不显示,或者显示为代码框。
- 原因:通常是文件路径错误或权限问题。
- 解决:
- 检查
config.inc.php中的$cfg_editor值是否正确。 - 检查CKEditor文件夹是否已正确上传到网站根目录。
- 检查CKEditor文件夹的权限是否为755或644(具体取决于服务器环境)。
- 检查
问题2:编辑器样式错乱,缺少按钮。
- 原因:CSS文件路径错误或JS文件加载失败。
- 解决:检查CKEditor文件夹内的
contents.css和其他CSS/JS文件的路径是否正确,通常是由于网站开启了URL重写(伪静态)导致的,可以尝试暂时关闭伪静态功能进行测试。
问题3:想找回FCKeditor的经典界面或功能。
- 解决:CKEditor 4 在设计上就兼容FCKeditor的用户习惯,大部分功能都保留了,如果你觉得某些按钮不见了,可以进入
ckeditor/config.js文件,通过修改工具栏配置来添加。 默认的工具栏可能没有“全屏”按钮,你可以在config.js中添加:config.toolbar = 'Full'; // 或者自定义工具栏 config.toolbar_MyToolbar = [ { name: 'document', items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] }, { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] }, { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] }, { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] }, { name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] }, { name: 'links', items : [ 'Link','Unlink','Anchor' ] }, { name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] }, { name: 'colors', items : [ 'TextColor','BGColor' ] }, { name: 'tools', items : [ 'Maximize','-','About' ] } ]; config.toolbar_MyToolbar = 'MyToolbar'; // 应用自定义工具栏
| 操作 | 推荐方式 | 说明 |
|---|---|---|
| 新版本织梦 | 方法一:修改后台基本参数 | 最简单、最安全,官方推荐。 |
| 旧版本织梦 | 方法二:手动下载安装 | 需要自己动手,但灵活性高。 |
| 编辑器选择 | CKEditor 4 | 强烈不推荐使用已停止开发的FCKeditor,CKEditor 4是它的完美替代品。 |
希望这份详细的指南能帮助您成功为织梦CMS配置好编辑器!
