Skip to content

DHoffm/Bootstrap-editor

Repository files navigation

DEPRECATED: 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!

##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

About

Gridmanager bootstrap editor plugin integration into Joomla.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published