Trying to find a decent component for "live" editing the html-code with simultaneous previews in the nearby container, but something-whether ointment for skiing not the same, or not looking correctly. Search dotted in tinymce
(heavy and not quite suitable), codemirror
(also not), summernote
Currently stored in the database, the html code of the page template. View displays it in the textarea on the page editor plain-text.
And bonus, please tell me how to insert html code from the database in the edit field? Escape-ing data from the database, and then unescape to drink on the client side?
- To highlight html tags "in the textarea";
- Optional - illuminate not closed or not valid tags;
- Editing - automatically update preview code in an adjacent container (div).