Bootstrap Responsive Visibility

Bootstrap Visibility Plugin for CKEditor

The Bootstrap Visibility plugin for CKEditor extends several dialog windows adding a "Responsive Visibility" tab that allows you to control if various elements should be displayed on different screen sizes. This uses Bootstrap 3's responsive classes. This will only work on websites which are already using the Bootstrap 3.x framework.

Features Overview
  • Adds a "Responsive Visibility" tab to the following element dialogs: text field, textarea, button, select, radio, checkbox, div, table, image, image button, flash, and form
  • Localizations for English, Spanish, Italian, French, & Russian
Requirements
  1. CKEditor version 4.4.7 or greater http://ckeditor.com/
  2. The Forms plugin for CKEditor (normally installed by default)
  3. The front-end of your website must already be using the Bootstrap 3.X frameworkhttp://getbootstrap.com/
Installation Instructions
  1. Extract the downloaded repository
  2. Copy the bootstrapVisibility folder to your "ckeditor/plugins/" folder
  3. Open the "ckeditor/config.js" file in your favorite text editor
  4. Add bootstrapVisibility to config.extraPlugins and save your changes. If that line isn't found, add it. EX:

config.extraPlugins = 'bootstrapVisibility';

Credits / Tribute

This plugin was developed and is maintained by the https://totalwebservices.net/.

A big thanks goes out to the following people & organizations: http://www.websiterelevance.com - for supporting the development of the plugin. http://www.ckeditor.com - For providing CKEditor so we could build this plugin for it. http://getbootstrap.com/ - For providing the awesome Bootstrap framework for everyone to use.

License

Licensed under GPL Version 3.0. For additional details please see the LICENSE.md file.

Screenshots

bootstrapVisibility

40,084 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.24 4.23 4.22

Version: 1.0

DownloadRelease notes

  • Adds a "Responsive Visibility" tab to the following element dialogs: text field, textarea, button, select, radio, checkbox, div, table, image, image button, flash, and form
  • Localizations for English, Spanish, Italian, French, & Russian
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check