Как установить позицию курсора (курсора) в contenteditable элементе (div)?

В качестве примера у меня есть этот простой HTML:

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

Мне нужна простая вещь - когда я нажимаю кнопку, я хочу поместить курсор (курсор) в определенное место в редактируемом div. При поиске в Интернете у меня есть этот JS, прикрепленный к нажатию кнопки, но он не работает (FF, Chrome):

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

Можно ли вручную установить положение курсора, как это?