01 引言
H-ZERO 平台团队始终专注于开发高效的前端工具组件,通过对 CKEditor4 的深度封装与创新拓展,为企业用户提供更强大、更贴合业务需求的富文本解决方案。
最近,我们收到了不少项目的真实反馈,集中在这几个痛点:
关于大家关心的 “是否升级 CKEditor5”:我们调研后发现,CKEditor5 采用 GPL 2+ 开源许可证,该条款要求所有衍生产品必须开源 —— 这会导致企业无法保护自身专有软件的知识产权,同时可能与项目中已使用的 MIT、Apache 2.0 等宽松许可证冲突。因此,我们选择基于 CKEditor4 最新版本深度优化,既解决安全问题,又保留企业对软件的专有性控制。
02 主要特性
针对大家的反馈,我们基于 CKEditor4 最新版本完成了个性化封装,解决安全问题,带来4 大核心能力,直击痛点:
-
DataSet 双向绑定,开发提效 开发者可以轻松实现前端数据模型与UI组件之间的无缝连接,极大地减少了手动同步数据的工作量,避免了因数据不同步导致的应用错误或用户体验下降的问题。这不仅简化了开发流程,还提高了工作效率!
-
多语言同屏编辑 提供了强大的多语言内容创建能力,允许用户在同一文档内切换多种语言进行编辑。既帮助企业更有效地管理跨语言的内容生产过程,同时也能确保用户都能获得最佳阅读体验。
-
文件加封面,信息识别更快 除视频外的其他类型的文件也支持设置封面。相较于传统超链接的展示形式,封面可以让文档中的文件更加醒目且易于识别,有助于提高组织内部的信息检索效率以及对外展示的专业形象。
-
快速插表格,布局调整效率翻倍 支持选中栅格创建相应行列数的表格,不用手动填写行列数。
03 场景案例
接下来,我们以一个实际的项目需求为例,带大家来了解 H-ZERO 富文本组件的不同之处吧!
-
项目背景和需求 某 HR 公司用富文本组件维护对外新闻资讯,之前一直被三个问题困扰: 问题01:用表格调整文章布局时,每次都要手动填行列数,切重复编辑非常繁琐; 问题02:文章中的招聘简章、政策文件只有超链接,不够醒目,读者经常错过关键信息; 问题03:需要支持维护多语言,中英文新闻要分开维护,偶尔同步不及时,还会出现内容不一致的问题。
-
解决方案 升级 hzero-front@1.11.36-alpha.1 和 hzero-boot-public@2.1.57 直接解决! 通过使用新版本的 H-ZERO 富文本组件:
- 表格插入从 “手动填数” 变 “选中栅格即创建”,文章布局调整效率大大提高;
- 文件自动显示封面,读者打开文章第一眼就能看到 “招聘简章”“政策文件” 的醒目标识,点击量提升,读者更快抓住重点;
- 中英文在同一文档内切换编辑,一次保存同步更新,再没出现过内容不一致的情况。
欢迎试用
我们将持续优化增强富文本组件,优化客户体验。如果你有更好的想法和建议,欢迎您积极反馈给我们!