
Bootstrap Tools plugin
Bootstrap Tools with a lot of features to handle Bootstrap column structure





Create and edit any widgets of Bootstrap's framework, manipulate its blocks, insert any Bootstrap's icons in WYSIWYG mode. This is the most flexible solution to operate Bootstrap in TinyMCE, but and the most simple: it already has a plugin for quick and codeless including Bootstrap into your WYSIWYG editor.
Grid rows and blocks, etc: all will be available to you after you install this bundle.
This bundle contains a number of plugins:
- Bootstrap Include CSS/JS (Helps you to include (attach) Bootstrap's styles to your TinyMCE's document. Lets ability to see all blocks and elements as they will be shown on the site)
- Bootstrap Block Configuration (Configure existing grid structure by selecting blocks and configuring their sizes and visibility options with help of the dialog)



Install Bootstrap Tools plugin in TinyMCE 5
Self-hosted TinyMCE 5
Cloud TinyMCE 5
Install the plugin to TinyMCE 5 hosted on your server
- Copy
BootstrapTools
directory totinymce/plugins/
. - Edit TinyMCE config and add
BootstrapTools
toplugins
parameter.
Example
Here you can see sample TinyMCE initialization code with config inside it:
TinyMCE.init({
selector: "#editor",
plugins: "BootstrapTools",
});
Refer to TinyMCE add-ons installation manual for more details
Tell a friend about Bootstrap Tools
Share
Tweet
Send
Reviews
This plugin has the potential to be a great grid editor! I love its minimalist and clean design.
Building a column structure by hand can seem a little complicated. I have used this add-on for a while though. Right now I prefer the Bootstrap Editor add-on.