title: Edit Html in Real time and get full source code
body: <p>I tried many wsiwyg editor to edit my .html file in realtime most of them ignores the <code>&lt;html&gt;</code> tag and also formats my code(I dont want because I have minified my html)</p>
  
  <p>So I am planning to create my own version of boormaklet to do this. so basically I want to edit the webpage live and get the code.I used following code.</p>
  
  <pre><code>javascript:document.body.contentEditable = 'true';  
  document.designMode='on'; 
  void 0;
  </code></pre>
  
  <p>And then I want to get full page source , so I tried below, its ignoring the edited text and also ignoring <code>&lt;html&gt;</code> tag</p>
  
  <pre><code>$( 'html' ).html().toString();
  </code></pre>
  
  <p>So How to get the full source code without modifying the code ,and with <code>&lt;html&gt;</code> tag</p>