Bootstrap Editor
for JS, CKEditor, TinyMCE
Overview Plugins
CKEditor add-on TinyMCE add-on Drupal 8 module WordPress plugin Joomla extension JavaScript library
Configuration
Installing CKEditor to WordPress Installing CKEditor to Joomla Installing CKEditor to Drupal 7 How to install CKEditor plugin from CDN How to install a plugin to CKEditor How to adjust CKEditor settings
Include Bootstrap to CKEditor/TinyMCE CKEditor config FAQ CKEditor debugging manual Adding CKEditor add-ons to CS Cart
Bootstrap Editor logo
Get Bootstrap Editor inside
33 in 1
Bootstrap Full Bundle
$79

WordPress plugin

Bootstrap Editor plugin for WordPress

WordPress plugin will add Bootstrap Editor features to your WordPress website.
It will set Bootstrap Editor with built-in CKEditor as default editor for your articles.

Installation

Step 1. Open WordPress control panel, go to "Plugins" section and press "Add New" button. Wordpress plugin installation step 1

Step 2. Press "Upload Plugin" link. Wordpress plugin installation step 2

Step 3. Browse your computer and select Bootstrap Editor WordPress plugin file. Then press "Install Now". Wordpress plugin installation step 3

Step 4. Now the plugin was successfully installed and you need to click "Activate Plugin" link or do it later manually using installed plugins list page. Wordpress plugin installation step 4

Step 5. Congratulations, Bootstrap Editor was installed onto your WordPress website and ready for use. Do not forget to disable unneeded TinyMCE or CKEditor plugin (CKEditor editor is already in Bootstrap Editor WordPress plugin and will be loaded automatically, no add-ons dependencies is required for its work). Wordpress plugin installation step 5

Configuring

Most of times you do not need to manually configure the Bootstrap Editor plugin. But sometimes it can help you.

You can find Bootstrap Editor configuration page at the left panel of your WordPress configuration section.

Available options are:

  • Framework. Choose one of included to Bootstrap Editor distributive CSS markup frameworks. Default value is Litestrap and we recommend you not to change it. If you know that you really need Bootstrap, be sure that both your frontend and administrative themes (templates) support Bootstrap framework.
  • Include framework to administration pages. You can uncheck this checkbox only if you prefer to include framework CSS files to your administrative template manually.
  • Include framework to frontend pages. Almost the same as previous item but for frontend pages. Note that content created via Bootstrap Editor with using Bootstrap or Litestrap can be correctly displayed only if you include its CSS file to your website.
  • Create default row in empty article. If this checkbox is checked new row will be created automatically for new articles or existing empty articles.
  • Bootstrap Editor area width. If your contents of articles is not too wide in frontend template you may want to set Bootstrap Editor to be the same width as you content is. You can set percent or pixel width, for example: 100% or 700px.

Wordpress plugin configuration page