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

Overview

JS+ CKEditor & TinyMCE Foundation Tools is a great plugin set for manipulating Zurb Foundation CSS framework blocks and elements right into CKEditor & TinyMCE editable area. Foundation plugins bundle helps you to attach Foundation's styles to your CKEditor document, highligts blocks and allows you to change their sizes and visibility options. You will be able to insert and edit Foundation widgets. Also you will have a quick access to block templates (rows and columns) that can be inserted in one click. Get the full power of responsible markup on your website pages with this bundle.

ckeditor iconCKEditor 4 compatible
tinymce iconTinyMCE 4 compatible

List of the plugins

Common plugins

Helps you to embed Foundation styles to your document. Lets ability to set correct positions and sizes of all Foundation elements on the page.

Grid plugins

Highlighting Foundation blocks borders for easy access to them.
More features version of Show Blocks add-on, which will feet advanced users' needs. For CKEditor only.
Configure existing grid structure by selecting blocks and configuring their sizes and visibility options with help of the dialog.
Quick access to row/columns templates: the easiest creating grid structure ever.
Moving selected Foundation columns left and right.
Moving selected Foundation row up and down.
Instant removing selected Foundation column.
Simple deleting selected Foundation row.
Insert new row with columns structure (choose one of many templates) above or below currently selected row.

Widgets

Uploading images and inserting a gallery adopted for Foundation framework grid. Resize and preview features are available.
Simple plugin for inserting small labels standard for Foundation.
Insert a navigation area to highlight your visitors their current place on the website with standard breadcrumbs element.
Foundation has own styles for displaying links as buttons. Use them with visual button builder. Edit button feature is also supported.
Insert Foundation style information, warning or other messages.
The add-on for inserting icons from Foundation Font pack.

Screenshots

TinyMCE
CKEditor
CKEditor Foundation Tools Show Blocks screenshotTinyMCE Foundation Tools Show Blocks screenshot
TinyMCE
CKEditor
CKEditor Foundation Tools Block Configuration plugin screenshotTinyMCE CKEditor Foundation Tools Block Configuration plugin screenshot
TinyMCE
CKEditor
CKEditor Foundation Tools Templates plugin screenshotTinyMCE Foundation Tools Templates plugin screenshot
TinyMCE
CKEditor
CKEditor Foundation Tools Buttons plugin screenshotTinyMCE Foundation Tools Buttons plugin screenshot
TinyMCE
CKEditor
CKEditor Foundation Tools Icon plugin screenshotTinyMCE Foundation Tools Icon  plugin screenshot
TinyMCE
CKEditor
CKEditor Foundation Tools Gallery plugin screenshotTinyMCE  Foundation Tools Gallery plugin screenshot
TinyMCE
CKEditor
CKEditor Foundation Tools Label plugin screenshotTinyMCE  Foundation Tools Label plugin screenshot
TinyMCE
CKEditor
CKEditor Foundation Tools Breadcrumbs plugin screenshotTinyMCE Foundation Tools Breadcrumbs plugin screenshot
TinyMCE
CKEditor
CKEditor Foundation Tools Alert plugin screenshotTinyMCE Foundation Tools Alert plugin screenshot