Drupal CMS Recipes and new features in the CKEditor module.
Watch now

CKBox demo

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

See pricing
View all demos

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.
CKBox

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.

Give feedback

Want to learn more about CKBox?

Administration panel

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

Read docs

CKBox integration

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

Read docs

CKBox theming

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

Read docs

Trusted and approved by

Subscribe to our newsletter

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

Input email to subscribe to newsletter

Subscription failed

Thanks for subscribing!

HiddenGatedContent.

(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://www.googletagmanager.com/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) });