Bootstrap Editor screenshot

Bootstrap Editor 2

A game changer in responsive content editing

Live Demo Get for Bootstrap Get for Foundation
Integration with File Uploader & File Manager Editing Bootstrap column Setting type of Bootstrap column Adding new Bootstrap row
Bootstrap logo
Foundation logo
ckeditor iconCKEditor add-on
tinymce iconTinyMCE add-on
js iconJavaScript & TypeScript SDK
For any CMS Drupal Drupal WordPress WordPress Joomla Joomla

Features

Structure edit

Easily structure documents

Make your content easily readable by creating clear and understandable structure. While based on native Bootstrap Grid-system, it doesn't require content editors to understand all technical nuances. They simply organize content to rows and columns.

Integration with File Uploader and File Manager

Integration with File Uploader and File Manager

Add images into your content with ease with using JS+ image add-ons. Once installed into CKEditor they will be automatically enabled in Bootstrap Editor too with help of Nativia technology.

WYSIWYG editor

Edit visually

Your site's content manager does not have to be a coder or a designer. Let her edit the content as she used to, that is in the customary CKEditor which is the basic editor in Bootstrap Editor. Plus, there's a bunch of seamlessly integrated functions to boost her productivity.

CMS integration

Ensure compatibility with any content and CMS

Effortlessly edit existing content of your website. Even if it was created with third-party software. Even if it has no Bootstrap markup at all. Just re-use it, no exceptions.

Bootstrap Editor ecosystem

Bootstrap Editor plugins

Bootstrap Editor supports differnt plugins. Some are already built it, some can be installed into CKEditor and loaded by Bootstrap Editor as native.
See list of Bootstrap Editor add-ons

Bootstrap and Foundation frameworks

Bootstrap Editor is more than just an editor for Bootstrap. When it comes to responsive design, people mostly prefer Bootstrap, but there are a lot of fans of other frameworks too, and the most popular of them is Foundation.

So if you are looking for a Foundation editor, you are close. The best Foundation editor is Bootstrap Editor 2 working in the Foundation mode. With just one setting you switch the framework and the version you want to work with. Despite the name Bootstrap Editor, we are talking about full compatibility here, not a limited support or a "compatibility mode". Bootstrap Editor completely support both frameworks.

CSS frameworks supported so far:

Bootstrap logo Bootstrap 3
Bootstrap logo Bootstrap 4
Foundation logo Foundation 5
Foundation logo Foundation 6

Integrations

Plugin for classic editors

Continue using your editor: CKEditor or TinyMCE, Bootstrap Editor can integrate with them. You can select a block (or the entire document) and edit it in Bootstrap Editor 2. You invoke Bootstrap Editor to edit the structure of the page, while the texts are edited using the same old CKEditor.

CMS module

For some CMS such as Drupal 8, we offer Bootstrap Editor as a specially built module. Users of other CMS can install Bootstrap Editor as a plugin to CKEditor/TinyMCE.

JavaScript API
JavaScript widget itself and the API for it are available in many variants: from direct embedding to the page content, to fullscreen-mode editing based on the HTML-code sent. The last option is for those who needs extra flexibility while building Bootstrap Editor into their own product.