Bootstrap-editor

Gridmanager bootstrap editor integration into Joomla. The editor is based on the work and efforts of Tom King (https://github.com/neokoenig/) and pbreah (https://github.com/pbreah/). This editor is a Joomla plugin compatible with Joomla 3.0 upwards.

If you like to test it download the latest version from here:

http://extensions.joomla.org/extensions/edition/editors/28076

If you do not use a Bootstrap 3 Template on the Frontend, make sure to enable the content plugin after install. This includes the bootstrap css and js on the frontend.

##The editor supports

• Bootstrap 3 Grid (md-col-* classes) (Bootstrap 2 Grid needs some extra effort because of layout issues)
• Bootstrap Offsets (md-col-offset-* classes)
• TinyMCE integration (if TinyMCE is not enabled a default textarea fallback is used)
• the editor integrates Joomla editor-xtd buttons (image, article etc.)
• the editor integrates Bootstrap 3 button classes in tinymce
• the editor integrates Widgetkit shortcodes for available slideshows, galleries, accordions, maps or slidesets
• ID's and classes for each row and columns
• Sortable rows and columns
• Joomla 3, (Joomla 2.5 needs some extra efforts on TinyMCE integration)

##Usage instructions

###Install

1. Download the latest package from http://extensions.joomla.org/extensions/edition/editors/28076 which includes the editor and a content plugin (includes bootstrap on the frontend of your website)
2. enable the editor plugin under extensions > plugin manager > Editor - Bootstrap editor
3. only if you do not use a template or extension which already includes bootstrap on the frontend enable the content plugin under extensions > plugin manager > Editor - Bootstrap editor content
4. Activate the editor under system > global configuration by setting the default editor
5. Add a new article and see the editor in action

###Configuration

The plugin has some configurations which can be found on the plugin settings page under extensions > plugin manager > Editor - Bootstrap editor

• You can define which bootstrap mode is used (either 2 or 3, 3 is recommended).
• You can define css classes for rows and columns which you can select on the editor
• You can define the position where new rows will be added (either at the top or the bottom)
• You can define row presets int e following form: ['LABEL';WIDTH],['Half';WIDTH,WIDTH],... Example: ['Full';12],['Half';6,6],...

###Additional notes

Be aware that there is no auto conversion of your preexisting article content to bootstrapped content!

##Demo You can test the latest gridmanager editor here: http://neokoenig.github.io/jQuery-gridmanager/

A joomla 3 demo page is available here: http://editor.profilpr.de

##Tested Templates/Frameworks

This plugin was tested with the following template frameworks:

• Joomla Protostar
• T3 Framework
• Gantry
• Construct

##ToDo

• add support for Joomla CodeMirror and CKEditor
• add all Boostrap grid sizes (col-xs-, col-sm-, col-lg-*)
• support Joomla 2.5
• fully support Bootstrap 2 (generates the Bootstrap tags but displayed incorrectly)
• tranlate Gridmanager
• add translation for install package
• support Bootstrap button styles on the editors
• support Bootstrap background styles on the editors
• support Bootstrap image styles on the editors
• support joomla editors-xtd buttons
• add instructions on how to use the editor