title: Make wysiwyg editor in html
body: <p>I will make a wysiwyg<sup>1</sup> editor for html. I've made a text area, but how can I make a wysiwyg editor for it? I would be easy if the text area implement html tags like snippet below, but it doesn't. How can I make this wysiwyg editor?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;textarea cols="30" rows="10"&gt;
      &lt;h1&gt;Title&lt;/h1&gt;
      &lt;hr/&gt;
      &lt;p&gt;Some text&lt;/p&gt;
      &lt;ul&gt;
          &lt;li&gt;a&lt;/li&gt;
          &lt;li&gt;b&lt;/li&gt;
          &lt;li&gt;c&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/textarea&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><sub><sup>1</sup> <strong>w</strong>hat <strong>y</strong>ou <strong>s</strong>ee <strong>i</strong>s <strong>w</strong>hat <strong>y</strong>ou <strong>g</strong>et</sub></p>