<!DOCTYPE HTML><html><head> </head> <body> <span>not editable</span><span id="x" contenteditable="true" spellcheck="false">navigable|unnavigable</span> <script> // Position the caret after "u" var sel = window.getSelection(); sel.removeAllRanges(); var range = document.createRange(); var x = document.getElementById('x'); var t = x.firstChild; range.setStart(t, 11); range.setEnd(t, 11); sel.addRange(range); x.focus(); </script> </body> </html>