An HTML Wysiwyg editor that can edit divs?

published Oct 31, 2013 11:35 by admin ( last modified Oct 31, 2013 12:06 )

Oftentimes, I'd like to edit a div in Wysiwyg mode. But the Wysiwyg editors that I use (TinyMCE and CKEditor) do not seem to show divs in an easy way. They do show tables, with borders and all, and I assume the same could be done for divs.

I'd like to see where the divs are, be able to create a div, preferrably by selecting a piece of text and do a "wrap in div" command or some such. And I want to be able to select a div in Wysiwyg mode, and edit its CSS classes.

I guess you could go through their source code and model a div editing capability on the table editing capability.

Hmm, I just realized that showing the divs is just a matter of editing the CSS for the edit view. Half the problem solved.

For version 4.2 of CKEditor there seems to be a plugin called Div Container Manager .
Also one called Show Blocks

Div container manager looks promising, but I am not entirely sure of how to integrate it into my CMS, Plone. Just including the file does not work, and additionally adding "div" to the Plone toolbar configuration does not work either.

For TinyMCE there is visualblocks.