CKBox demo

CKBox will make working with your files easier while providing a great user experience.

Welcome to the CKEditor 5 + CKBox

Uncover the power of CKEditor 5 combined with CKBox, offering unparalleled ease in image management, editing, and file storage.

Seamless Image Insertion

  • Open CKBox: Start by clicking the first toolbar button to open CKBox Browse files, your portal to an extensive image library.
  • Choose and Insert Images: Browse through CKBox to pick the perfect image. Hit the "Choose" button to insert it directly into your CKEditor content.
  • Drag & Drop Uploading: For a faster approach, drag and drop images right into CKEditor for immediate uploading.

Advanced Image Editing Capabilities

  • Editing: Select an image, and then edit (icon). Resize, crop, and rotate directly from the editor, ensuring perfect placement every time.
  • Customizable Styles: Apply various presets to format your image according to social media standards.

Efficient File Storage and Management

File Storage: Store your files in the CKBox, and then link them in the editor, see the examples below:

We want to make CKBox better!

Let us know what features that you need are still missing in CKBox.

Want to learn more about CKBox?

Administration panel

CKBox comes with an administration panel that is not showcased in this demo.

CKBox integration

Learn how to configure CKBox and integrate it with your application.

CKBox theming

Several CSS variables allow you to control the color palette of the whole application.

Trusted and approved by

Subscribe to our newsletter

Keep your CKEditor fresh! Receive updates about releases, new features and security fixes.

Thanks for subscribing!

Hi there, any questions about products or pricing?

Questions about our products or pricing?

Contact our Sales Representatives.

We are happy to
hear from you!

Thank you for reaching out to the CKEditor Sales Team. We have received your message and we will contact you shortly.

piAId = '1019062'; piCId = '3317'; piHostname = ''; (function() { function async_load(){ var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + piHostname + '/pd.js'; var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); } if(window.attachEvent) { window.attachEvent('onload', async_load); } else { window.addEventListener('load', async_load, false); } })();(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= ''+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) });