Table Tools
CKEditor add-on
TinyMCE add-on
NEW
N1ED logo
N1ED is united plugin
for all JS+ plugins
N1ED logo Buy in bundle

Install Bootstrap Table Tools to TinyMCE

  1. Unpack archived files directly to tinymce/plugins.
  2. Turn on the plugin in initialization script:
    plugins: 'jsplusInclude,jsplusTableTools'
  3. Specify framework (Bootstrap or Foundation) for Include CSS/JS add-on:
    jsplusInclude: {
        framework: "b3" // or "b4", "f5", "f6", "f6x"
      }
    b3 means Bootstrap 3 here.
    This option will affect to all other CSS framework-specific add-ons too.
    Read more about framework option or including CSS framework into the page.
  4. Add these buttons to the toolbar definition:
    • jsplusTableDelete
      Delete table
    • jsplusTableConf
      Configure the table
    • jsplusTableRowAddBefore
      Add table row before
    • jsplusTableRowAddAfter
      Add table row after
    • jsplusTableRowConf
      Configure the row
    • jsplusTableRowMoveUp
      Move table row up
    • jsplusTableRowMoveDown
      Move table row down
    • jsplusTableRowDelete
      Delete table row
    • jsplusTableColAddBefore
      Add table column before
    • jsplusTableColAddAfter
      Add table column after
    • jsplusTableColConf
      Configure the column
    • jsplusTableColMoveLeft
      Move table column left
    • jsplusTableColMoveRight
      Move table column right
    • jsplusTableColDelete
      Delete table column
    • jsplusTableCellConf
      Configure the cell
    • jsplusTableCellMergeRight
      Merge cell right
    • jsplusTableCellMergeDown
      Merge cell down
    • jsplusTableCellSplit
      Split cell
    See sample TinyMCE toolbar configuration manual.
  5. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.