JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.timdown.co.uk/rangy/rangy-1.1.2/uncompressed/rangy-core.js"></script>
<div id="text" contentEditable="true">
    hi this is <input type="button" class="token" value="[Your Name]" disabled="disabled" />, can you help me? :)
</div>

<button id="go">go</button>

CSS

div, button
{
    margin: 20px;
}

JavaScript

rangy.init();

$("#go").click(function()
{
    setTimeout(function()
    {
        var el = $("#text"), index = 3;
        var range = rangy.createRange();
        range.setStart(el[0].childNodes[0], index);
        range.collapse(true);
        var sel = rangy.getSelection();
        sel.setSingleRange(range);
    }, 1000);
});