Bootstrap Editor
for JS, CKEditor, TinyMCE
Bootstrap Editor logo
Get Bootstrap Editor inside
33 in 1
Bootstrap Full Bundle

Bootstrap Editor add-on for TinyMCE

The TinyMCE plugin allows evoking Bootstrap Editor directly from your editor. The plughin has two buttons - one to edit the entire content, and the other to edit just the selected block.

Also, the plugin includes plugin to enable Bootstrap (or Foundation) styles in TinyMCE.



Full-functional structure and content editor with CKEditor on board.
Helps you to attach Bootstrap styles to your document, so they will be displayed with appropriate sizes and positions defined by Bootstrap CSS.


  1. Unpack archived files directly to tinymce/plugins.
  2. Turn on the plugin in initialization script:
    plugins: 'jsplus_bootstrap_include,jsplus_bootstrap_editor'
  3. Add these buttons to the toolbar definition:
    • jsplus_bootstrap_editor - the button for editing whole the content within Bootstrap Editor
    • jsplus_bootstrap_editor_selected - the button for editing selected block within Bootstrap Editor
    See sample TinyMCE toolbar configuration manual to find out more about this step. 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.


Optionally, you can configure the plugin for your needs. A number of parameters are available for that. Parameters are a key-value structure that's passed along with the main config of TinyMCE.

Pass the parameters as follows:

	selector: 'textarea',
	jsplus_bootstrap_editor: {
		key1: "value1",
		key2: true

Explore the list of available options to see what settings are available to you.