Table Tools
CKEditor add-on
TinyMCE add-on
Purchase logo
Buy in bundle

Install Bootstrap Table Tools to CKEditor

  1. Unpack archived files directly to ckeditor/plugins.
  2. Turn on the plugin in ckeditor/config.js:
    config.extraPlugins = 'jsplusInclude,jsplusTableTools';
  3. Specify framework (Bootstrap or Foundation) for Include CSS/JS add-on:
    config.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:
    • jsplusTableAdd
      Insert new table
    • 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 CKEditor toolbar configuration to find out more about this step.
  5. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.