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
$79

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 the 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 sample TinyMCE toolbar configuration manual to find out more about this step. Do not forget to sure that browser cache was cleared.
  4. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.