title: Parse HTML Within ContentEditable Real Time
body: <p>This one is driving me crazy and Google has got me little help.</p>
  
  <p><strong>The Question:</strong>
  Is it possible to run an real-time parser of Html within a div?</p>
  
  <p><strong>The Problem:</strong>
  When you type inside a contenteditable div Html is not made a 'real' part of the page.
  So if I typed</p>
  
  <blockquote>
    <blockquote>
      <p><code>&lt;b&gt;this is a test&lt;/b&gt;</code></p>
    </blockquote>
  </blockquote>
  
  <p>Then it will remain that way, not automatically transform into <b>this is a test</b>.</p>
  
  <p><strong>The Goal:</strong></p>
  
  <blockquote>
    <blockquote>
      <p><code>&lt;b&gt;this is a test&lt;/b&gt;</code> <em>to transform into</em> <b>this is a test</b></p>
    </blockquote>
  </blockquote>
  
  <p>The strange part is that if I edit the page through Firebug and insert a tag into the typed Html next to it then it will not transform it into 'real' Html.</p>
  
  <p>It will however do it when a <code>&lt;br&gt;</code> is typed <strong>and then</strong> through Firebug a second <code>&lt;br&gt;</code> typed next to it. (the second <code>&lt;br&gt;</code> will make the typed <code>&lt;br&gt;</code> 'real' Html.)</p>
  
  <p>The typed tags are not converted to Html special chars, the are actual tags, but not converting to Html. If you force Html tags through Firebug however then they appear as real Html formatting.</p>
  
  <p>I've tried a lot and I've burnt out of ideas.
  I appreciate that ContentEditable is a new technology but any help would be much appreciated!</p>
  
  <p>Apologies if this is incredibly unclear and confusing, it's a real arse to explain.</p>