Table Tools
CKEditor add-on
TinyMCE add-on
Bootstrap Editor add-on
Purchase logo
Get for HTML
$39
Purchase logo
Get for Bootstrap
$39
Purchase logo
Get for Foundation
$39

Install Foundation Table Tools to CKEditor

  1. Unpack archived files directly to ckeditor/plugins.
  2. Turn on the plugin in ckeditor/config.js:
    config.extraPlugins = 'jsplusInclude,jsplusFoundationTableTools';
  3. Specify framework (Bootstrap or Foundation) for Include CSS/JS add-on:
    config.jsplusInclude = {
    	framework: "f5" // or "f6"
    }
    f5 means Foundation 5 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:
    • jsplus_foundation_table_new
      Insert new table
    • jsplus_foundation_table_conf
      Configure the table
    • jsplusTableRowAddBefore
      Add table row before
    • jsplusTableRowAddAfter
      Add table row after
    • jsplus_foundation_table_row_conf
      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
    • jsplus_foundation_table_col_conf
      Configure the column
    • jsplusTableColMoveLeft
      Move table column left
    • jsplusTableColMoveRight
      Move table column right
    • jsplusTableColDelete
      Delete table column
    • jsplus_foundation_table_cell_conf
      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.