0

0

CKEditor5 中 CKEDITOR 未定义问题的解决方案

聖光之護

聖光之護

发布时间:2026-01-02 15:54:39

|

441人浏览过

|

来源于php中文网

原创

CKEditor5 中 CKEDITOR 未定义问题的解决方案

ckeditor5 已彻底弃用全局 `ckeditor` 对象,其配置方式与旧版 ckeditor4 截然不同;需通过 `htmlsupport` 插件等新机制实现 html 元素、属性、样式等白名单控制。

CKEditor5 是一个完全重写的现代富文本编辑器,不兼容 CKEditor4 的 API。你遇到的 Uncaught ReferenceError: CKEDITOR is not defined 错误,根本原因在于:CKEDITOR.replace() 是 CKEditor4 的初始化方法,而你引入的是 CKEditor5 的 CDN(/ckeditor5/38.1.1/classic/ckeditor.js),其全局对象是 ClassicEditor,而非 CKEDITOR——后者在 CKEditor5 中已被完全移除

✅ 正确配置方式(CKEditor5)

CKEditor5 采用插件化架构,若需支持自定义 HTML(如

php商城系统
php商城系统

PHP商城系统是国内功能优秀的网上商城系统,同时也是一个商业的PHP开发框架,有多套免费模版,强大的后台管理功能,专业的网上商城系统解决方案,快速建设网上购物商城、数码商城、手机商城、办公用品商城等网站。 php商城系统v3.0 rc6升级 1、主要修复用户使用中出现的js未加载完报错问题,后台整改、以及后台栏目的全新部署、更利于用户体验。 2、扩展出,更多系统内部的功能,以便用户能够迅速找到需

下载

? 关键说明

  • htmlSupport.allow 是声明式白名单:相比 CKEditor4 的正则式 extraAllowedContent,CKEditor5 要求显式声明允许的元素、属性、类名和样式规则,更安全、更可控。
  • 细粒度控制示例(推荐生产环境使用):
    htmlSupport: {
      allow: [
        { name: 'style' }, // 仅允许