Bootstrap Tools logo

Bootstrap Tools add-on for TinyMCE 4

Bootstrap Tools plugin for TinyMCE
Bootstrap Tools screenshot
Bootstrap Tools screenshotColumn dialog screenshotRow dialog screenshot
Bootstrap Tools logo

Create and edit any widgets of Bootstrap's framework, manipulate its blocks, insert any Bootstrap's icons in WYSIWYG mode. This is the most flexible solution to operate Bootstrap in TinyMCE, but and the most simple: it already has a plugin for quick and codeless including Bootstrap 3 into your TinyMCE's document.

Grid rows and blocks, etc: all will be available to you after you install this bundle.

This bundle contains a number of plugins:

  • TinyMCE Bootstrap Include CSS/JS (Helps you to include (attach) Bootstrap's styles to your TinyMCE's document. Lets ability to see all blocks and elements as they will be shown on the site)
  • TinyMCE Bootstrap Block Configuration (Configure existing grid structure by selecting blocks and configuring their sizes and visibility options with help of the dialog)

Get more info on Bootstrap Tools home page:

TinyMCE 4 logoTinyMCE 4 compatible
Bootstrap Tools logo [object Object] logo

Bootstrap Tools add-on was merged with Bootstrap Editor.

Bootstrap Editor contains all features provided by Bootstrap Tools and adds many new, supporting now both TinyMCE 4 and TinyMCE 5. Using Bootstrap Editor is highly recommended.

Get Bootstrap Editor


Bootstrap Tools add-on installation

  1. First of all think about migration to Bootstrap Editor instead of Bootstrap Tools plugin installation.
    This is a risk-free and highly recommended alternative.
  2. Download plugin from developer website
  3. Copy jsplusInclude,jsplusBootstrapTools directory to tinymce/plugins/.
  4. Edit TinyMCE config and add jsplusInclude,jsplusBootstrapTools to plugins key
  5. Add buttons to the toolbar section: jsplusShowBlocks, jsplusBootstrapToolsContainerEdit, jsplusBootstrapToolsContainerAdd, jsplusBootstrapToolsContainerAddBefore, jsplusBootstrapToolsContainerAddAfter, jsplusBootstrapToolsContainerDelete, jsplusBootstrapToolsContainerMoveUp, jsplusBootstrapToolsContainerMoveDown, jsplusBootstrapToolsRowEdit, jsplusBootstrapToolsRowAdd, jsplusBootstrapToolsRowAddBefore, jsplusBootstrapToolsRowAddAfter, jsplusBootstrapToolsRowDelete, jsplusBootstrapToolsRowMoveUp, jsplusBootstrapToolsRowMoveDown, jsplusBootstrapToolsColEdit, jsplusBootstrapToolsColAdd, jsplusBootstrapToolsColAddBefore, jsplusBootstrapToolsColAddAfter, jsplusBootstrapToolsColDelete, jsplusBootstrapToolsColMoveLeft, jsplusBootstrapToolsColMoveRight

Refer to TinyMCE add-ons installation manual for more details