Bootstrap Tools
for CKEditor & TinyMCE
Overview
CKEditor installation TinyMCE installation Drupal 8 module
17 in 1
Includes products:
Bootstrap Include CSS/JS plugin Bootstrap Show Blocks plugin Bootstrap Advanced Blocks plugin Bootstrap Block Configuration plugin Bootstrap Templates plugin Bootstrap Button plugin Bootstrap Icons plugin Bootstrap Image Gallery plugin Bootstrap Badge plugin Bootstrap Label plugin Bootstrap Breadcrumbs plugin Bootstrap Alert plugin Bootstrap Move Column plugin Bootstrap Move Row plugin Bootstrap Delete Column plugin Bootstrap Delete Row plugin Bootstrap Add Row plugin
Installing CKEditor to WordPress Installing CKEditor to Joomla Installing CKEditor to Drupal 7 How to install CKEditor plugin from CDN How to install a plugin to CKEditor How to adjust CKEditor settings Include Bootstrap to CKEditor/TinyMCE .NET uploader configuration File and Image uploader plugins FAQ Styling Image Gallery Attach images to comments in Drupal CKEditor config FAQ CKEditor debugging manual Adding CKEditor add-ons to CS Cart
Bootstrap Tools logo
Get Bootstrap Tools inside
32 in 1
Bootstrap Bundle
$59
Bootstrap Tools logo
Get Bootstrap Tools inside
33 in 1
Bootstrap Full Bundle
$79

Overview

Bring Bootstrap support into your CKEditor & TinyMCE.
Now you can include Bootstrap elements right into the page content you edit with your CKEditor & TinyMCE in WYSIWYG way.
These tools contain full suite for integrating Bootstrap to CKEditor & TinyMCE. It lets CKEditor & TinyMCE to correctly display Bootstrap grid elements and other components like buttons, icons, etc..) and to simply add and edit Bootstrap featured elements into the document.

This great layout framework is very good for making site templates - now it can be used for content editing with the ease.

Icons, buttons, grid rows and columns, etc: all will be available to you after you install this set of CKEditor & TinyMCE plugins.

ckeditor iconCKEditor 4 compatible
tinymce iconTinyMCE 4 compatible
Note: we support both Bootstrap 3 and Bootstrap 4. But as far Bootstrap 4 itself is in Alpha mode, we recommend you to consider using Bootstrap 3. Bootstrap 4 development is still in progress and in Alpha6 they removed col-xs-* classes which may break your website. All you problems with this fact can be fixed very easy: jsplus_bootstrap_include_version: 3

List of the plugins

Common

Helps you to attach Bootstrap styles to your document, so they will be displayed with appropriate sizes and positions defined by Bootstrap CSS.

Grid plugins

Visually shows structure of Bootstrap elements: containers, rows and columns.
More powerful version of Bootstrap Show Blocks add-on, which helps you to modify the content. Recommended for advanced users. For CKEditor only.
Configure existing grid structure by selecting blocks and configuring their sizes and visibility options with help of the dialog.
Quick access to row/columns templates: the easiest way for creating grid structure ever.
Moving selected Bootstrap columns left and right.
Moving selected Bootstrap row up and down.
Select Bootstrap column and delete it in one click.
Deleting selecting Bootstap row using toolbar button.
The add-on for inserting new row above or below to selected one. You can choose columns structure from different templates.

Widgets

Bootstrap has own styles for displaying links as buttons. Use them with visual buttons builder. Button/link editing feature is also supported.
Helps you to choose and insert Bootstrap icon into your document.
The plugin will upload selected images to the server and show them as a gallery with using Bootstrap responsive columns.
Small notifier for website visitors: the badge showing some number.
Insert Bootstrap label to highlight information on your page
Showing navigation status for website visitor using standard Bootstrap widget.
Notifying user using alert messages placed in the text. Info, warning and other types of Bootstrap alerts are available.
TinyMCE
CKEditor
CKEditor Bootstrap Show Blocks screenshotTinyMCE Bootstrap Show Blocks screenshot
TinyMCE
CKEditor
CKEditor Bootstrap Edit Blocks screenshotTinyMCE Bootstrap Edit Blocks screenshot
TinyMCE
CKEditor
CKEditor Bootstrap Templates screenshotTinyMCE Bootstrap Templates screenshot
TinyMCE
CKEditor
CKEditor Bootstrap Button screenshotTinyMCE Bootstrap Button screenshot
TinyMCE
CKEditor
CKEditor Bootstrap Icons screenshotTinyMCE Bootstrap Icons screenshot
TinyMCE
CKEditor
CKEditor Bootstrap Gallery screenshotTinyMCE Bootstrap Gallery screenshot
TinyMCE
CKEditor
CKEditor Bootstrap Badge screenshotTinyMCE  Bootstrap Badge screenshot
TinyMCE
CKEditor
CKEditor Bootstrap Breadcrumbs screenshotTinyMCE Bootstrap Breadcrumbs screenshot
TinyMCE
CKEditor
CKEditor Bootstrap Alert screenshotTinyMCE  Bootstrap Alert screenshot