Search code examples
javascriptjqueryhtmlcontent-management-systemwysiwyg

Edit an html page like the concept of WYSIWYG

I would like to give The admin:

  • The ability to edit parts in an html page lively by chnaging the view to something like WYSIWYG.

  • After submit, the entire content must change

Something similar to the edit mode in DRUPAL: Image: http://s9.postimg.org/lp1rnaqgv/Capture.jpg

Is there any plugin or ideas?

Solution

  • ContentEditable is your answer. This will allow the user to change the dom and when he submits it will store to the database. But if you need styling and the admin is not a coder, I suggest you go with a editor like tinymce.

    <div contenteditable="true"></div>