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 CKEditor

  1. Unpack archived files directly to ckeditor/plugins.
  2. Turn on the plugin in ckeditor/config.js:
    config.extraPlugins = '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 CKEditor toolbar configuration to find out more about this step. Now you can use your installed plugins. 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.