All demos

Wrapped content

The editor below was started on plain markup — a heading, a paragraph and a list, with no .row or .col-* anywhere. Grid editor does not refuse it: it wraps all of it into one row with a single col-lg-12 column, and from there it is an ordinary grid. What was in there is the page's plain content: a block to move and delete, edited in the source, until a click makes it a text of tinyMCE's. Add rows, split the column, edit the text, then press Refresh to see the html that comes out: as getHtml returns it, to save and edit again, and as getPlainHtml returns it, to publish.

1. The markup in the page
2. The editor, started on that markup

Hello!

This page was written as plain html, with no Bootstrap grid.

3. The result of getHtml
4. The result of getPlainHtml

The same markup without the editor’s ge-* classes, column class and data-ge-* attributes. For publishing: the editor cannot read it back as it was.