Foundation Tools logo

Foundation Tools add-on for TinyMCE 4

Foundation Tools plugin for TinyMCE
Bootstrap Tools screenshot
Bootstrap Tools screenshotColumn dialog screenshotRow dialog screenshot
Foundation Tools logo

Create and edit any widgets of Foundation's framework, manipulate its blocks, insert any Foundation's icons in WYSIWYG mode. This is the most flexible solution to operate Foundation in TinyMCE, but and the most simple: it already has a plugin for quick and codeless.

Grid rows and blocks, etc: all will be available to you after you install this bundle.

This bundle contains a number of plugins:

  • TinyMCE Foundation Include CSS/JS (Helps you to include (attach) Foundation's styles to your TinyMCE's document. Lets ability to see all blocks and elements as they will be shown on the site)
  • TinyMCE Foundation Block Configuration (Configure existing grid structure by selecting blocks and configuring their sizes and visibility options with help of the dialog)

Get more info on Foundation Tools home page: https://js.plus/products/bootstrap-tools

TinyMCE 4 logoTinyMCE 4 compatible
Foundation Tools logo [object Object] logo

Foundation Tools add-on was merged with Bootstrap Editor.

Bootstrap Editor contains all features provided by Foundation Tools and adds many new, supporting now both TinyMCE 4 and TinyMCE 5. Using Bootstrap Editor is highly recommended.

Get Bootstrap Editor

Foundation Tools add-on installation

  1. First of all think about migration to Bootstrap Editor instead of Foundation Tools plugin installation.
    This is a risk-free and highly recommended alternative.
  2. Copy jsplusInclude,jsplusBootstrapTools directory to tinymce/plugins/.
  3. Edit TinyMCE config and add jsplusInclude,jsplusBootstrapTools to plugins key.
  4. Add buttons to the toolbar section: jsplusShowBlocks, jsplusBootstrapToolsContainerEdit, jsplusBootstrapToolsContainerAdd, jsplusBootstrapToolsContainerAddBefore, jsplusBootstrapToolsContainerAddAfter, jsplusBootstrapToolsContainerDelete, jsplusBootstrapToolsContainerMoveUp, jsplusBootstrapToolsContainerMoveDown, jsplusBootstrapToolsRowEdit, jsplusBootstrapToolsRowAdd, jsplusBootstrapToolsRowAddBefore, jsplusBootstrapToolsRowAddAfter, jsplusBootstrapToolsRowDelete, jsplusBootstrapToolsRowMoveUp, jsplusBootstrapToolsRowMoveDown, jsplusBootstrapToolsColEdit, jsplusBootstrapToolsColAdd, jsplusBootstrapToolsColAddBefore, jsplusBootstrapToolsColAddAfter, jsplusBootstrapToolsColDelete, jsplusBootstrapToolsColMoveLeft, jsplusBootstrapToolsColMoveRight

Refer to TinyMCE add-ons installation manual for more details