Description
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.
Screenshots
Added options panel on the "labels" tab 
Added options panel on the "buttons" tab 
Example of built in Bootstrap CSS classes
Installation
- Upload the plugin dir to the
/wp-content/plugins/directory or add thebootstrap-mce-elements.zipthrough the wordpress add plugin dialog - Activate the plugin through the ‘Plugins’ menu in WordPress
- 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.
- Open any page/post that uses a rich text editor and see the new “B” icon on the top row of the editor
FAQ
- 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.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Bootstrap MCE Elements” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Bootstrap MCE Elements” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0
- Initial Release