Bootstrap Table Tools logo

Bootstrap Table Tools add-on for TinyMCE 4

Bootstrap Table Tools for TinyMCE
Table Tools screenshot
Table Tools screenshotInsert table screenshotInsert table screenshot
Bootstrap Table Tools logo

Bootstrap Table Tools is a add-ons set for manipulating and styling tables adopted for using with Bootstrap. In other words it is like regulate Table Tools but with Bootstrap specific features support.

You can use these plugins for adding Bootstrap tables, edit them, their rows', columns' and cells' styles and classes. We have also added move rows/columns feature omitted in standard features set of CKEditor & TinyMCE.

The bundle contains these plugins:

  • Bootstrap Include CSS & JS. Helps you to attach Bootstrap styles to your document, so they will be displayed with appropriate sizes and positions defined by Bootstrap CSS.
  • New Bootstrap Table. Creating a table in two clicks just by choosing number of columns and rows.
  • Bootstrap Table Configuration. Great instrument for managing table's styles, classes and attributes.
  • Bootstrap Table Column Configuration. Configuring column's cells classes, styles and attribute at once.
  • Move Bootstrap Table Column. This feature was omitted in standard plugins, this plugin will fix it.
  • Insert Bootstrap Table Column. Add column to the left or to the right after selecting another column.
  • Delete Bootstrap Table Column. Easily select and delete the column with help of toolbar button.
  • Bootstrap Table Row Configuration. Configure "tr" HTML tag to apply new styles to a table's row.
  • Move Bootstrap Table Row. Quick moving selected row to the up or to the down.
  • Insert Bootstrap Table Row. You can add a new row above or below of the selected one.
  • Delete Bootstrap Table Row. Select row and delete it in one click.
  • Bootstrap Table Cell Configuration. Aimed changing of cell's display mode by editing styles and classes with using comfortable dialog.
  • Insert Bootstrap Table Cell. You can insert new cells in the table with two buttons of this plugin.
  • Delete Bootstrap Table Cell. Select & delete unused cell.
  • Merge Bootstrap Table Cells. Three add-ons for merged cells: with neighbors or just selected cells together.
  • Split Bootstrap Table Cell. Vertical or horizontal splitting of cells is available with these two plugins.

Get more info on Bootstrap Table Tools home page:

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

Bootstrap Table Tools add-on was merged with Bootstrap Editor.

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

Get Bootstrap Editor


Bootstrap Table Tools add-on installation

  1. First of all think about migration to Bootstrap Editor instead of Bootstrap Table Tools plugin installation.
    This is a risk-free and highly recommended alternative.
  2. Download plugin from developer website
  3. Copy jsplusInclude,jsplusTableTools directory to tinymce/plugins/.
  4. Edit TinyMCE config and add jsplusInclude,jsplusTableTools to plugins key
  5. Add buttons to the toolbar section: jsplusTableDelete, jsplusTableConf, jsplusTableRowAddBefore, jsplusTableRowAddAfter, jsplusTableRowConf, jsplusTableRowMoveUp, jsplusTableRowMoveDown, jsplusTableRowDelete, jsplusTableColAddBefore, jsplusTableColAddAfter, jsplusTableColConf, jsplusTableColMoveLeft, jsplusTableColMoveRight, jsplusTableColDelete, jsplusTableCellConf, jsplusTableCellMergeRight, jsplusTableCellMergeDown, jsplusTableCellSplit

Refer to TinyMCE add-ons installation manual for more details