Bootstrap Tools
for CKEditor & TinyMCE
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
Bootstrap Tools logo
Get Bootstrap Tools inside
33 in 1
Bootstrap Full Bundle

Install Bootstrap Tools to TinyMCE

Note. By default TinyMCE stripes out some tags and attributes. Please add this option to your initialization script:
extended_valid_elements : "div[*],span[*],i[*]",
  1. Unpack archived files directly to tinymce/plugins.
  2. Turn on the plugin in initialization script:
    plugins: 'jsplus_bootstrap_include,jsplus_bootstrap_show_blocks,jsplus_bootstrap_block_conf,jsplus_bootstrap_templates,jsplus_bootstrap_row_add_up,jsplus_bootstrap_row_add_down,jsplus_bootstrap_button,jsplus_bootstrap_icons,jsplus_bootstrap_gallery,jsplus_bootstrap_badge,jsplus_bootstrap_label,jsplus_bootstrap_breadcrumbs,jsplus_bootstrap_alert,jsplus_bootstrap_col_move_left,jsplus_bootstrap_col_move_right,jsplus_bootstrap_row_move_up,jsplus_bootstrap_row_move_down,jsplus_bootstrap_delete_col,jsplus_bootstrap_delete_row'
  3. Add these buttons to toolbar definition:
    jsplus_bootstrap_show_blocks,jsplus_bootstrap_button,jsplus_bootstrap_icons,jsplus_bootstrap_gallery,jsplus_bootstrap_badge,jsplus_bootstrap_label,jsplus_bootstrap_breadcrumbs,jsplus_bootstrap_alert,jsplus_bootstrap_block_conf,jsplus_bootstrap_row_add_up,jsplus_bootstrap_templates,jsplus_bootstrap_row_add_down,jsplus_bootstrap_col_move_left,jsplus_bootstrap_col_move_right, jsplus_bootstrap_row_move_up,jsplus_bootstrap_row_move_down,jsplus_bootstrap_delete_col,jsplus_bootstrap_delete_row
    See TinyMCE toolbar configuration manual to find out more about this step.
  4. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.