Sulu如何使用CKEditor创建简洁的多语言网站用户界面

Sulu如何使用CKEditor创建简洁的多语言网站用户界面

 

“我们能够对编辑器进行定制，使其与我们的外观和感觉相匹配，并且不会让人觉得是添加到我们系统中的一个外来组件。”

Alexander Schranz            Sulu开发人员

 

成果

-多语言、基于块的内容编辑器
-简洁、有品牌特色的用户界面
-最少的开发工作
-新功能的平滑集成
-具有原生 React支持的可定制所见即所得编辑器
-可扩展的平台

 

挑战

为多语言网站创建一个灵活的内容管理系统

创建一个支持多种不同语言的网站并非易事，这就是为什么Sulu背后的团队决定构建一个开源的内容管理系统，以完美地胜任这项工作。Sulu内容管理系统具有先进的本地化功能，包括跨多种语言的单一一致的页面树，并支持无限数量的本地化。

 

为了处理由此带来的额外复杂性，Sulu采用基于块的内容结构，以便不同的文本部分可以根据本地化要求进行不同的管理。这意味着文本输入以及添加包括表格在内的富文本的能力对于 Sulu内容管理系统的结构至关重要。

 

Sulu 需要一个具有以下特点的富文本编辑器：

• 完全控制集成
• 原生React支持
• 可定制的外观和感觉
• 高级富文本编辑功能

“我们也考虑了其他基于React的编辑器，但它们缺少一些CKEditor所拥有的功能。”

 

解决方案

Sulu的开发人员Alexander Schranz表示，在确定使用CKEditor 5之前，团队尝试了许多富文本编辑器：“当我们重写我们的内容管理系统时，我们转而使用 React，并对不同的编辑器进行测试以匹配我们的用例。我们需要基本的样式以及表格相关的功能，以便最大程度地满足我们用户的需求，所以在对各种编辑器进行测试后，我们选择了CKEditor 5。”

 

Sulu团队很快发现CKEditor拥有他们所需的所有功能，重要的是，CKEditor能够定制编辑器用户界面以适应他们平台。不仅如此，CKEditor的模块化、基于插件的架构意味着Sulu的开发人员可以禁用或删除他们不需要的任何编辑器功能。开源项目与CKEditor的默认GPL2 + 许可证不兼容，所以CKSource允许该团队将 CKEditor5集成到Sulu中。

 

我们提供什么

- 具有模块化功能集的可定制所见即所得编辑器

- 表格

- Sulu集成

 

结果

用任何语言进行简洁、轻松的内容编辑

总体而言，Alexander表示团队对CKEditor印象非常深刻。“我们能够对编辑器进行定制，使其与我们的外观和感觉相匹配，并且不会让人觉得是添加到我们系统中的一个外来组件。” 他说道。

 

将CKEditor集成到Sulu中为团队省去了无数开发上的麻烦，并使他们能够腾出时间致力于产品的其他方面。最重要的是，当Sulu用户要求新的内容编辑功能时，团队只需激活一个插件即可添加这些功能。Alexander表示，他们计划在未来使Sulu更具可扩展性，而他们定制的CKEditor集成一定会处于内容管理系统的核心位置。