Skip to content

Commit

Permalink
Initial Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
ALEXTHEWEBGUY committed Apr 23, 2015
1 parent 64e6304 commit 2e5735c
Show file tree
Hide file tree
Showing 8 changed files with 694 additions and 0 deletions.
2 changes: 2 additions & 0 deletions CHANGELOG.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
Version 1.0 (published 4/23/2015)
- Created plugin
30 changes: 30 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
# 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/](http://ckeditor.com/)
1. The Forms plugin for CKEditor (normally installed by default)
1. The front-end of your website must already be using the Bootstrap 3.X framework [http://getbootstrap.com/](http://getbootstrap.com/ for more information)

## Installation Instructions
1. Extract the downloaded repository
1. Copy the **bootstrapVisibility** folder to your **"ckeditor/plugins/"** folder
1. Open the **"ckeditor/config.js"** file in your favorite text editor
1. 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/](Total Web Services team).

A big thanks goes out to the following people & organizations:
[http://www.websiterelevance.com](WebsiteRelevance.com) - for supporting the development of the plugin.
[http://www.ckeditor.com](CKEditor) - For providing CKEditor so we could build this plugin for it.
[http://getbootstrap.com/](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.
21 changes: 21 additions & 0 deletions lang/en.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
CKEDITOR.plugins.setLang('bootstrapVisibility', 'en', {
respTabLabel: 'Responsive Visibility',
classDetailsHtml: 'For an explanation of what the CSS classes listed above are check out Bootstrap 3\'s documentation at:<br> <a href="http://getbootstrap.com/css/#responsive-utilities" target="_blank">http://getbootstrap.com/css/#responsive-utilities</a>',
none: 'None',
hidden_xs: 'hidden-xs',
hidden_sm: 'hidden-sm',
hidden_md: 'hidden-md',
hidden_lg: 'hidden-lg',
visible_xs_block: 'visible-xs-block',
visible_sm_block: 'visible-sm-block',
visible_md_block: 'visible-md-block',
visible_lg_block: 'visible-lg-block',
visible_xs_inline_block: 'visible-xs-inline-block',
visible_sm_inline_block: 'visible-sm-inline-block',
visible_md_inline_block: 'visible-md-inline-block',
visible_lg_inline_block: 'visible-lg-inline-block',
visible_xs_inline: 'visible-xs-inline',
visible_sm_inline: 'visible-sm-inline',
visible_md_inline: 'visible-md-inline',
visible_lg_inline: 'visible-lg-inline'
});
21 changes: 21 additions & 0 deletions lang/es.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
CKEDITOR.plugins.setLang('bootstrapVisibility', 'es', {
respTabLabel: 'Visibilidad Responsive',
classDetailsHtml: 'Para una explicación las clases CSS mencionados anteriormente son echa un vistazo a la documentación del Bootstrap 3 en:<br> <a href="http://getbootstrap.com/css/#responsive-utilities" target="_blank">http://getbootstrap.com/css/#responsive-utilities</a>',
none: 'Ninguno',
hidden_xs: 'hidden-xs',
hidden_sm: 'hidden-sm',
hidden_md: 'hidden-md',
hidden_lg: 'hidden-lg',
visible_xs_block: 'visible-xs-block',
visible_sm_block: 'visible-sm-block',
visible_md_block: 'visible-md-block',
visible_lg_block: 'visible-lg-block',
visible_xs_inline_block: 'visible-xs-inline-block',
visible_sm_inline_block: 'visible-sm-inline-block',
visible_md_inline_block: 'visible-md-inline-block',
visible_lg_inline_block: 'visible-lg-inline-block',
visible_xs_inline: 'visible-xs-inline',
visible_sm_inline: 'visible-sm-inline',
visible_md_inline: 'visible-md-inline',
});
visible_lg_inline: 'visible-lg-inline'
21 changes: 21 additions & 0 deletions lang/fr.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
CKEDITOR.plugins.setLang('bootstrapVisibility', 'fr', {
respTabLabel: 'Visibilité Responsive',
classDetailsHtml: 'Pour une explication les classes CSS sont énumérés ci-dessus consultez la documentation de Bootstrap 3<br> <a href="http://getbootstrap.com/css/#responsive-utilities" target="_blank">http://getbootstrap.com/css/#responsive-utilities</a>',
none: 'Aucun',
hidden_xs: 'hidden-xs',
hidden_sm: 'hidden-sm',
hidden_md: 'hidden-md',
hidden_lg: 'hidden-lg',
visible_xs_block: 'visible-xs-block',
visible_sm_block: 'visible-sm-block',
visible_md_block: 'visible-md-block',
visible_lg_block: 'visible-lg-block',
visible_xs_inline_block: 'visible-xs-inline-block',
visible_sm_inline_block: 'visible-sm-inline-block',
visible_md_inline_block: 'visible-md-inline-block',
visible_lg_inline_block: 'visible-lg-inline-block',
visible_xs_inline: 'visible-xs-inline',
visible_sm_inline: 'visible-sm-inline',
visible_md_inline: 'visible-md-inline',
visible_lg_inline: 'visible-lg-inline'
});
21 changes: 21 additions & 0 deletions lang/it.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
CKEDITOR.plugins.setLang('bootstrapVisibility', 'it', {
respTabLabel: 'Visibilità Responsive',
classDetailsHtml: 'Per una spiegazione di ciò che le classi CSS elencati sopra, controllare la documentazione Bootstrap 3 a:<br> <a href="http://getbootstrap.com/css/#responsive-utilities" target="_blank">http://getbootstrap.com/css/#responsive-utilities</a>',
none: 'Nessuno',
hidden_xs: 'hidden-xs',
hidden_sm: 'hidden-sm',
hidden_md: 'hidden-md',
hidden_lg: 'hidden-lg',
visible_xs_block: 'visible-xs-block',
visible_sm_block: 'visible-sm-block',
visible_md_block: 'visible-md-block',
visible_lg_block: 'visible-lg-block',
visible_xs_inline_block: 'visible-xs-inline-block',
visible_sm_inline_block: 'visible-sm-inline-block',
visible_md_inline_block: 'visible-md-inline-block',
visible_lg_inline_block: 'visible-lg-inline-block',
visible_xs_inline: 'visible-xs-inline',
visible_sm_inline: 'visible-sm-inline',
visible_md_inline: 'visible-md-inline',
visible_lg_inline: 'visible-lg-inline'
});
21 changes: 21 additions & 0 deletions lang/ru.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
CKEDITOR.plugins.setLang('bootstrapVisibility', 'ru', {
respTabLabel: 'Адаптивная Видимость',
classDetailsHtml: 'Для объяснения классов CSS перечисленных выше, смотрите документацию Bootstrap 3 по адресу:<br> <a href="http://getbootstrap.com/css/#responsive-utilities" target="_blank">http://getbootstrap.com/css/#responsive-utilities</a>',
none: 'Ничего',
hidden_xs: 'hidden-xs',
hidden_sm: 'hidden-sm',
hidden_md: 'hidden-md',
hidden_lg: 'hidden-lg',
visible_xs_block: 'visible-xs-block',
visible_sm_block: 'visible-sm-block',
visible_md_block: 'visible-md-block',
visible_lg_block: 'visible-lg-block',
visible_xs_inline_block: 'visible-xs-inline-block',
visible_sm_inline_block: 'visible-sm-inline-block',
visible_md_inline_block: 'visible-md-inline-block',
visible_lg_inline_block: 'visible-lg-inline-block',
visible_xs_inline: 'visible-xs-inline',
visible_sm_inline: 'visible-sm-inline',
visible_md_inline: 'visible-md-inline',
visible_lg_inline: 'visible-lg-inline'
});
Loading

0 comments on commit 2e5735c

Please sign in to comment.