Table Tools logo

Table Tools add-on for TinyMCE 4

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

TinyMCE Table Tools is a set of plugins for creating editing tables on your website pages.

The bundle contains complete suit for making easy creating tables, adding, moving and deleting rows and columns, configuring styles of table, selected row or cell.

The bundle contains these plugins:

  • TinyMCE New Table. Insert new table in quick but advanced mode. Easily choose number of rows and cols like in Office app and the table is being inserted.
  • Table Configuration. Edit classes, styles and attributes lists, add predefined styles and manage global table options which will affect to all cells (like text align).
  • Table Column Configuration. Configure multiple cells combined in one column.
  • Move Table Column. Moving selected column to the left or to the right.
  • Insert Table Column. Inserting table column to the left or to the right.
  • Delete Table Column. Select & delete selected column by pressing toolbar button.
  • Table Row Configuration. Configure table row's styles, classes, attributes and other options.
  • Move Table Row. Moving selected table row below or above.
  • Insert Table Row. Select a cell or row and insert new row below or above of it.
  • Delete Table Row. Select and delete selected row.
  • Table Cell Configuration. Edit each cell's options with this plugin. Full control on cell's classes, styles and attributes.
  • Insert Table Cell. Insert cell near selected one.
  • Delete Table Cell. Easily remove selected cell.
  • Merge Table Cells. 3 buttons for merging table's cells.
  • Split Table Cell. Split table cell horizontally or vertically.

Get more info on Table Tools home page: https://js.plus/products/table-tools

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

Table Tools add-on was merged with Bootstrap Editor.

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

Get Bootstrap Editor

or

Table Tools add-on installation

  1. First of all think about migration to Bootstrap Editor instead of 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