JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content" contenteditable="true" style="font-family: Helvetica;">Some text
    <div id="cursor" contenteditable="true"></div>Some other text.</div>

JavaScript

var el    = document.getElementById("content"),
    el2   = document.getElementById("cursor"),
    range = document.createRange(),
    sel   = window.getSelection();

el2.innerHTML="temp";
var t = el2.childNodes[0];

range.setStartBefore(t);
range.collapse(true);
sel.removeAllRanges();
sel.addRange(range);
el.focus();
el2.innerHTML = "";