这个编辑器是 DedeCMS 5.7 的一个核心功能,它取代了之前版本中功能相对简陋的 FCKeditor/CKeditor,为内容编辑带来了极大的便利。
百度编辑器 在 DedeCMS 5.7 中的基本介绍
- 名称: UEditor (全称: 百度文本编辑器)
- 版本: 在 DedeCMS 5.7 中集成的版本通常是 UEditor 1.4.x,这是一个相对成熟且功能丰富的版本。
- 作用: 提供一个可视化的、所见即所得的编辑环境,让网站管理员可以像使用 Word 一样,轻松发布图文并茂、格式丰富的文章内容。
- 集成方式: DedeCMS 5.7 已经将 UEditor 完美集成到后台的内容发布、编辑、专题管理等模块中,无需用户手动安装和配置即可直接使用。
主要功能与特性
UEditor 1.4.x 功能非常强大,远超之前的编辑器,主要特性包括:
丰富的文本编辑功能
- 格式化: 字体、字号、颜色、加粗、斜体、下划线、对齐方式等。
- 段落: 标题、段落缩进、行间距、背景色等。
- 列表: 有序列表、无序列表。
- 插入元素: 插入链接、图片、表格、表情、代码、分割线等。
强大的图片处理
这是 UEditor 的核心优势之一,解决了传统 CMS 图片上传和管理的痛点。
- 本地图片上传: 支持多选、拖拽上传,自动生成缩略图。
- 图片管理: 在编辑器内可以方便地管理已上传的图片,包括预览、删除、替换。
- 图片裁剪: 可以直接在编辑器内对上传的图片进行简单的裁剪。
- 图片水印: 可以为上传的图片自动添加网站水印(需要在 DedeCMS 后台配置)。
- 图片尺寸设置: 可以设置图片的最大宽度、高度,上传时自动调整。
内容模板与源码编辑
- 内容模板: 可以将常用的格式(如引用、提示框等)保存为模板,一键插入,提高效率。
- 源码模式: 可以随时切换到 HTML 源码模式,进行更精细的代码编辑,适合高级用户。
其他实用功能
- 自动保存: 编辑内容时,编辑器会自动保存草稿,防止意外关闭页面导致内容丢失。
- 全屏模式: 提供全屏编辑界面,不受后台布局干扰,专注于内容创作。
- Word/Excel 导入: 支持将 Word、Excel 中的内容(包括图片)直接粘贴或导入到编辑器中,并格式会得到较好的保留。
- 视频插入: 支持插入本地视频或插入网络视频(如优酷、腾讯等)的链接。
如何使用与管理
在文章发布/编辑中使用
这是最常见的使用场景。
- 登录 DedeCMS 后台。
- 进入「内容管理」->「添加普通文章」或编辑已有文章。
- 编辑框,你会看到一个功能丰富的工具栏,这就是 UEditor。
- 直接在编辑区输入文字,或使用工具栏上的按钮进行格式化、插入图片等操作。
配置百度编辑器 (关键步骤)
DedeCMS 提供了专门的配置文件,可以自定义 UEditor 的一些行为。
-
配置文件路径:
/include/ueditor/config.json -
如何访问配置:
- 在后台文章编辑页面,点击编辑器工具栏上的 “UEditor” 文字(通常在左上角)。
- 在弹出的菜单中选择 “在线配置”。
- 这会打开一个新窗口,展示当前编辑器的配置,并允许你修改。修改后务必点击“提交”按钮保存。
-
常用配置项说明:
imageUrl: 图片上传保存的目录,默认是/uploads/allimg/,你可以根据需要修改,/uploads/images/。imagePath: 图片访问的 URL 路径,通常与imageUrl对应,用于生成图片在网页上的完整地址。imageFieldName: 上传图片时表单的字段名,一般无需修改。imageMaxSize: 图片上传的最大大小,单位 KB。2048代表 2MB。imageAllowFiles: 允许上传的图片格式,如["png", "jpg", "jpeg", "gif", "bmp"]。catcherLocalDomain: 本地图片抓取(从 Word 粘贴)时,需要过滤的域名,防止上传外部图片,可以填写你自己的域名,如["yourdomain.com"]。scrawlUrl: 涂鸦上传的接口地址,一般使用默认即可。
管理上传的图片
所有通过 UEditor 上传的图片(包括文章内容、图集等)都会存放在你配置的 imageUrl 目录下。
- 默认位置:
/uploads/allimg/ - 你可以通过 FTP 或服务器文件管理器直接访问和删除这些文件。
- 后台的“文件管理器”模块也可以用来管理这些图片。
常见问题与解决方案
问题描述:图片上传失败,提示“后台配置项出错,请检查配置文件!”
- 原因: 这是最常见的问题,通常是由于
config.json文件中的路径配置错误或服务器权限问题。 - 解决方案:
- 检查文件权限: 确保
/include/ueditor/config.json文件以及你配置的图片上传目录(如/uploads/)具有可写权限(通常设置为 755 或 644)。 - 检查路径配置: 登录后台,进入“在线配置”,检查
imageUrl和imagePath是否正确。imageUrl是服务器上的绝对路径,imagePath是网站访问的 URL 路径。 - 检查 PHP 环境: 确保 PHP 环境支持文件上传,
upload_max_filesize和post_max_size的值足够大。
- 检查文件权限: 确保
问题描述:从 Word 复制粘贴内容后,图片丢失或变成红叉。
- 原因: 这是 DedeCMS 5.7 UEditor 的一个经典问题,默认情况下,UEditor 的“图片远程抓取”功能可能没有正确配置或开启,导致无法将 Word 中的本地图片上传到服务器。
- 解决方案:
- 开启图片远程抓取: 在后台编辑器“在线配置”中,找到
catcher相关的配置项,确保catcherLocalDomain设置正确,并且服务器端处理抓取的接口(catcher.php)工作正常。 - 使用粘贴为纯文本: 如果抓取功能不稳定,可以先在 Word 中复制内容,然后回到编辑器,点击右键选择“粘贴为纯文本”(Paste as Plain Text),然后再手动排版和上传图片,这样虽然麻烦,但最保险。
- 使用 Word 过滤插件: DedeCMS 官方或第三方有一些专门用于过滤 Word 格式的插件,可以在粘贴前先处理 Word 文档。
- 开启图片远程抓取: 在后台编辑器“在线配置”中,找到
问题描述:编辑器样式错乱,或者缺少某些功能。
- 原因: 可能是编辑器文件损坏,或者主题 CSS 样式冲突。
- 解决方案:
- 重新上传文件: 通过 FTP 重新上传
/include/ueditor/目录下的所有文件,确保文件完整且未被修改。 - 检查主题冲突: 切换到 DedeCMS 默认的模板风格,看看问题是否解决,如果解决,说明是你的自定义主题 CSS 干扰了编辑器,需要检查并调整主题样式。
- 重新上传文件: 通过 FTP 重新上传
升级与注意事项
- 版本老旧: UEditor 1.4.x 相对于现在的 2.x 或 3.x 版本已经非常老旧,功能和安全上都有所欠缺,DedeCMS 5.7 本身也已停止官方更新。
- 安全风险: 使用老旧版本的编辑器可能存在未知的漏洞,有被上传恶意文件的风险,务必做好以下两点:
- 保持更新: 关注 DedeCMS 相关社区,看是否有第三方发布的 UEditor 安全补丁或升级版本。
- 设置严格的文件上传类型: 在
config.json中,严格限制imageAllowFiles,scrawlAllowFiles,videoAllowFiles等配置,只允许上传安全、必要的文件类型(如 jpg, png, gif, mp4 等),禁止上传.php,.asp等可执行文件。
百度编辑器(UEditor)是 DedeCMS 5.7 的一个亮点功能,极大地提升了内容编辑的效率和体验,虽然在使用中可能会遇到一些配置上的小问题,但只要掌握了其配置文件 (config.json) 的修改方法和常见问题的排查思路,就能很好地驾驭它,对于仍在使用 DedeCMS 5.7 理解和维护好这个编辑器是日常运维的重要一环。
