Bootstrap MCE Elements

This plugin creates a button inside of every rich text editor within WordPress which allows the user to insert pre-built Bootstrap compatible code into the editor. This plugin includes the ability to add Buttons, Wells, Labels & Badges of different sizes and styles easily into your WordPress pages or posts. It also allows you to include the default Bootstrap CSS for these objects in your WordPress editor and your template if you wish.

In addition if you want to you can modify the “display.css” to customize the look of the bootstrap elements.

This is a great plugin if you use a bootstrap theme such as the Roots theme.

1. Upload the plugin dir to the /wp-content/plugins/ directory or add the bootstrap-mce-elements.zip through the wordpress add plugin dialog
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Go to the ‘Bootstrap MCE’ menu under settings and make to select whether or not you wish the bootstrap CSS to be included for you in the WordPress editor and/or the theme.
4. Open any page/post that uses a rich text editor and see the new “B” icon on the top row of the editor

Why does the plugin only insert text into my editor?

It actually is wrapping that text in a span with bootstrap classes but if you do not have the editor style enabled through the plugins settings or have the bootstrap classes in your WordPress’s editor-style.css file then all it will look like is unformatted text.

The elements look correct in the editor but they do not show up on my sites front end?

You either don’t have the correct Bootstrap classes added to your themes classes or you do not have the front end css enabled on the plugins settings.

1. 

   Added options panel on the "labels" tab

2. 

   Added options panel on the "buttons" tab

3. 

   Example of built in Bootstrap CSS classes

1.0

• Initial Release