=== Bootstrap MCE CSS === Contributors: davewarfel, escapecreative Tags: Bootstrap, TinyMCE, editor style, CSS Requires at least: 3.0 Tested up to: 3.8-RC1 Stable tag: trunk License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Adds a modified version of the Bootstrap CSS to the MCE editor, for developers who like to add their own Bootstrap code to the editor. == Description == **No Longer Maintained:** Although it is likely that this plugin will still work when in Visual mode in the classic editor, I am no longer maintaining it. It has not & will not be tested in Gutenberg. **IMPORTANT:** This plugin **DOES NOT** add any buttons to the editor to help with inserting Bootstrap elements. It simply loads an older version of Bootstrap's CSS to the editor, effectively showing you a preview of Bootstrap elements when in Visual mode. You still have to add the Bootstrap elements to the editor yourself. This plugin adds a modified version of the Bootstrap CSS to the MCE editor, for developers who like to add their own Bootstrap code to the editor, without shortcodes. You still need to add the Bootstrap CSS & JS files to the front-end of your website. *Using Bootstrap version 3.0.3.* = Supports the following Bootstrap features = * Grid Layouts (with some caveats) * Headings (h1-h6) * Buttons * Labels * Badges * Alerts * List Groups * Panels * Wells * Media Groups *This plugin might work on WordPress versions back to 2.1, but I couldn't find when the `mce_css` filter was introduced.* == Installation == There are no settings to configure. Just install the plugin & Bootstrap styles will be applied to the MCE editor on all post edit screens. = Using The WordPress Dashboard = 1. Navigate to the 'Add New' in the plugins dashboard 2. Search for 'bootstrap mce css' 3. Click 'Install Now' 4. Activate the plugin on the plugin dashboard = Manually Upload = 1. Navigate to the 'Add New' in the plugins dashboard 2. Navigate to the 'Upload' area 3. Select `bootstrap-mce-css.zip` from your computer 4. Click 'Install Now' 5. Activate the plugin in the plugin dashboard == Frequently Asked Questions == = What if I add an editor-style.css file to my theme directory? = The Bootstrap CSS is loaded after the editor-style.css file in your active theme directory. But since Bootstrap's CSS is not very specific, just add a class of `.mceContentBody` before your selectors, and the editor-style.css rules will take precedence. = What's up with columns & grids? = Because Bootstrap 3 is responsive by default, and offers multiple ways to setup the grid system (xs, sm, md, lg), the styles in your MCE editor will vary based on the screen size. Try fullscreen editing mode to see your grid system take effect. = Why can't I edit buttons when I switch back to "Visual" mode? = Because of the way browsers handle the `