title: contenteditable div backspace and deleting text node problems
body: <p>There are so many issues with contenteditable divs and deleting html and/or non content editable content inside editable divs.</p>
  
  <p>Using an answer by the excellent Tim Down here: <a href="https://stackoverflow.com/questions/2177958/how-to-delete-an-html-element-inside-a-div-with-attribute-contenteditable">How to delete an HTML element inside a div with attribute contentEditable?</a></p>
  
  <p>Using Tim's code, the entire text node gets deleted. I need this to work like any textarea would, deleting character by character and just making sure html elements can be backspaced as well.</p>
  
  <p>I tried the following</p>
  
  <pre><code>else if(node){
  var index = node.length-1;
  if(index &gt;= 0)
  node.deleteData(index,1);
  else
  this.removeChild(node);
  }
  </code></pre>
  
  <p>But this is obviously not going to work correctly. If I am at the end of the content, things work as expected. But if I place the cursor anywhere else, it's still deleting from the end.</p>
  
  <p>I'm lost at this point, any help is very appreciated</p>
  
  <p><a href="http://jsfiddle.net/mstefanko/DvhGd/1/" rel="noreferrer">http://jsfiddle.net/mstefanko/DvhGd/1/</a></p>