title: How to make a WYSIWYG section on a web page?
body: <p>I want to know the basic principle used for WYSIWYG pages on the web. I started coding it and made it using a text area, but very soon I realized that I cannot add or show images or any HTML in the text area. So I made it using DIV, but I did not understand how I could make it editable.</p>
  
  <p>So, in gist, <strong>I want to know how(in principle) to make an editable DIV section on a web page, something similar to Google docs or FCKEditor or TinyMCE.</strong></p>
  
  <p>I would be very grateful for any pointers and info.</p>
  
  <p>Thanks!</p>