该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

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.

屏幕截图

  • Added options panel on the "labels" tab
  • Added options panel on the "buttons" tab
  • Example of built in Bootstrap CSS classes

安装

  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.

评价

此插件暂无评价。

贡献者及开发者

“Bootstrap MCE Elements” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

将“Bootstrap MCE Elements”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.0

  • Initial Release