Como definir a posição do cursor (cursor) no elemento editável por conteúdo (div
Eu tenho esse HTML simples como exemplo:
<div id="editable" contenteditable="true">
text text text<br>
text text text<br>
text text text<br>
</div>
<button id="button">focus</button>
Quero uma coisa simples - quando clico no botão, quero colocar o cursor (cursor) em um local específico na div editável. Ao pesquisar na Web, tenho esse JS anexado ao clique no botão, mas ele não funciona (FF, Chrome):
var range = document.createRange();
var myDiv = document.getElementById("editable");
range.setStart(myDiv, 5);
range.setEnd(myDiv, 5);
possível definir manualmente a posição do sinal de intercalação como est