Foundation Tools
for CKEditor & TinyMCE
16 in 1
Includes products:
Foundation Tools logo
Get Foundation Tools inside
31 in 1
Foundation Bundle
$59
Foundation Tools logo
Get Foundation Tools inside
32 in 1
Foundation Full Bundle
$79

Install Foundation Tools plugin to CKEditor

  1. Unpack archived files directly to ckeditor/plugins.
  2. Turn on the plugin in ckeditor/config.js:
    config.extraPlugins = 'jsplus_foundation_include,jsplus_foundation_show_blocks,jsplus_foundation_block_conf,jsplus_foundation_advanced_blocks,jsplus_foundation_templates,jsplus_foundation_button,jsplus_foundation_gallery,jsplus_foundation_breadcrumbs,jsplus_foundation_label,jsplus_alert,jsplus_foundation_col_move_left,jsplus_foundation_col_move_right,jsplus_foundation_row_move_up,jsplus_foundation_row_move_down,jsplus_foundation_col_delete,jsplus_foundation_row_delete';
  3. Add these buttons to the toolbar definition:
    • jsplus_foundation_show_blocks
    • jsplus_foundation_block_conf
    • jsplus_foundation_advanced_blocks
    • jsplus_foundation_templates
    • jsplus_foundation_button
    • jsplus_foundation_gallery
    • jsplus_foundation_breadcrumbs
    • jsplus_foundation_label
    • jsplus_alert
    • jsplus_foundation_col_move_left
    • jsplus_foundation_col_move_right
    • jsplus_foundation_row_move_up
    • jsplus_foundation_row_move_down
    • jsplus_foundation_col_delete
    • jsplus_foundation_row_delete
    See sample CKEditor toolbar configuration to find out more about this step. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.
  4. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.