jQuery GridManager – Structural editor for rows and columns in popular CSS frameworks. Create, reorder, update & delete rows and columns in grid layouts

0
109

jQuery GridManager – An easy way of building rows and grids with built in editable regions. Create, reorder, update & delete rows and columns in grid layouts used by frameworks such as Bootstrap 3.x or Foundation 5.x

Gridmanager allows you to create, reorder, update & delete rows and columns in grid layouts used by frameworks such as Bootstrap 3.x or Foundation 5.x. It is not another Rich Text Editor (although it can use them), and is designed to work more as a structural / page building device for use in web applications, custom CMS system etc.

Grid Manager 2016-01-12_7-43-29

You can:

  • Drag and drop columns & rows
  • Resize, delete and add columns on the fly
  • Apply custom column and row classes
  • Nest rows within columns
  • Quickly edit the source code directly
  • Add row templates for common column width layouts
  • Add/Alter the ID of a column or row directly
  • Use the dynamically inserted editable regions to change column/row text
  • Tie in Rich Text Editors such as TinyMCE & CKEditor to those editable regions
  • Change layout modes for easy editing & previewing of responsive classes
  • Use fluid rows if you want
  • Create your own custom controls for easily extending functionality

Website: http://neokoenig.github.io/jQuery-gridmanager/

Demos: http://neokoenig.github.io/jQuery-gridmanager/demo/

Documentation: http://neokoenig.github.io/jQuery-gridmanager/docs/


Thanks for reading,
Web Editor

LEAVE A REPLY

Please enter your comment!
Please enter your name here

three × 5 =