Bootstrap Editor screenshot

Bootstrap Editor

A game changer in responsive content editing

Live Demo Get for Bootstrap Get for Foundation
Bootstrap logo
Foundation logo
ckeditor iconCKEditor add-on
tinymce iconTinyMCE add-on
For any CMS Drupal Drupal WordPress WordPress Joomla Joomla

Features

Easily structure documents

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.

Edit with CKEditor/TinyMCE

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.

Integration with Drupal, Joomla, etc.

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 supports different 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 Editor plugins
Bootstrap Editor
CKEditor add-on
TinyMCE add-on
NEW
N1ED logo
N1ED is united plugin
for all JS+ plugins
N1ED logo Buy in bundle

Overview

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.

Since v. 2.6 we include File Uploader Lite into Bootstrap Editor. This will make adding images to content extremely easy. All files will be hosted directly on your webserver.

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 SDK
JavaScript SDK is available in many variants: from direct editing raw HTML string to editing based on the HTML element sent. This is the edition for those who want to embed Bootstrap Editor into their own application. CKEditor and TinyMCE add-ons are based on SDK too.