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

questionAnswers(5)

yourAnswerToTheQuestion