title: Insert text at cursor in a content editable div
body: <p>I have a contenteditable div where I need to insert text at the caret position,</p>
  
  <p>This can be easily done in IE by <code> document.selection.createRange().text = "banana" </code></p>
  
  <p>Is there a similar way of implementing this in Firefox/Chrome?</p>
  
  <p>(I know a solution exists <a href="https://stackoverflow.com/questions/1621931/insert-text-on-the-current-place-of-the-cursor-in-the-browser/1884285#1884285">here</a> , but it can't be used in contenteditable div, and looks clumsy)</p>
  
  <p>Thank you!</p>