JS / jQuery component to edit html code?

Good day!

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.

Should:
  • 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).
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?
July 2nd 19 at 18:07
2 answers
July 2nd 19 at 18:09
Solution
Codemirror , of course!
July 2nd 19 at 18:11

Find more questions by tags Usability & UXjQueryHTMLJavaScript