si coloca otro bloque html con el atributo contenteditable="false" en el bloque contenteditable, entonces el cursor se mueve fuera del bloque como se muestra en la captura de pantalla.

Intente comenzar a eliminar la palabra "eliminar" en el ejemplo. Y el cursor irá más allá del bloque. ¿Es posible solucionar este problema?

http://jsfiddle.net/weckdjp4/

 .test-block { display: inline-block; height: 30px; border: 1px solid red; padding: 2px; } .content { width: 80%; border: 1px solid #CCC; padding: 10px; }

 <div class="content" contenteditable="true" id="test">hi <div class="test-block" contenteditable="false">test</div>remove</div>