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 富文本組件：

  • 表格插入從 “手動填數” 變 “選中柵格即創建”，文章佈局調整效率大大提高；
  • 文件自動顯示封面，讀者打開文章第一眼就能看到 “招聘簡章”“政策文件” 的醒目標識，點擊量提升，讀者更快抓住重點；
  • 中英文在同一文檔內切換編輯，一次保存同步更新，再沒出現過內容不一致的情況。

歡迎試用

我們將持續優化增強富文本組件，優化客户體驗。如果你有更好的想法和建議，歡迎您積極反饋給我們！

• H-ZERO 富文本組件