title: Can a `range.insertNode` be undone using browser's undo, in a contenteditable div?
body: <p>I am working on a <code>contenteditable</code> div to make a simple RichText-Editor. One of the requirement I have is to be able insert html chunk at cursor postion on a button event.</p>
  
  <p>I was able to get that part working fine by using <code>range</code>, <code>selection</code>, <code>range.insertNode(nodeHTML)</code> or <code>range.pasteHTML(nodeHTML)</code> based on browser. But I couldn't get two things, which ideally I would like to have </p>
  
  <ol>
  <li>To be Able to undo the inserted node, using browser's undo. Somehow, browser ignores above actions.</li>
  <li>To move the cursor at the end of inserted node. So that user can start writing after</li>
  </ol>
  
  <p>I know I can use something out of many editors available, which does this very well, but If I get this I would not have to. Any help or even suggestions are welcome.</p>
  
  <p>Thanks.</p>