¿Cómo establecer la posición de cursor (cursor) en el elemento contentable (div)?

Tengo este HTML simple como ejemplo:

<div id="editable" contenteditable="true">
  text text text<br>
  text text text<br>
  text text text<br>
</div>
<button id="button">focus</button>

Quiero algo simple: cuando hago clic en el botón, quiero colocar el cursor (cursor) en un lugar específico en el div editable. Al buscar en la web, tengo este JS adjunto al clic del botón, pero no funciona (FF, Chrome):

var range = document.createRange();
var myDiv = document.getElementById("editable");
range.setStart(myDiv, 5);
range.setEnd(myDiv, 5);

¿Es posible establecer manualmente la posición del cursor de esta manera?

Respuestas a la pregunta(5)

Su respuesta a la pregunta