Install Foundation Tools to TinyMCE

  1. Unpack archived files directly to tinymce/plugins.
  2. Turn on the plugin in initialization script:
    plugins: 'jsplusInclude,jsplusBootstrapTools'
  3. Add these buttons to the toolbar definition:
    • jsplusShowBlocks
      Show Bootstrap structure
    • jsplusBootstrapToolsRowEdit
      Edit the row
    • jsplusBootstrapToolsRowAdd
      Add a row at cursor
    • jsplusBootstrapToolsRowAddBefore
      Add a row before
    • jsplusBootstrapToolsRowAddAfter
      Add a row after
    • jsplusBootstrapToolsRowDelete
      Delete the row
    • jsplusBootstrapToolsRowMoveUp
      Move the row up
    • jsplusBootstrapToolsRowMoveDown
      Move the row down
    • jsplusBootstrapToolsColEdit
      Edit the column
    • jsplusBootstrapToolsColAdd
      Add a column at cursor
    • jsplusBootstrapToolsColAddBefore
      Add a column before
    • jsplusBootstrapToolsColAddAfter
      Add a column after
    • jsplusBootstrapToolsColDelete
      Delete the column
    • jsplusBootstrapToolsColMoveLeft
      Move the column left
    • jsplusBootstrapToolsColMoveRight
      Move the column right
    See sample TinyMCE toolbar configuration manual.
  4. Now you can use your installed plugins. Do not forget to sure that browser cache was cleared.

Minimal configuration

Please set configuration for the plugin by specifying these parameters:

jsplusInclude: {
	framework: "f6" // or "f5"
}