Bootstrap Tools
for CKEditor & TinyMCE
17 in 1
Includes products:
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
$99

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 add-on
tinymce iconTinyMCE add-on

Supported versions:

  • Bootstrap 3
  • Bootstrap 4

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