Autolink URL in contenteditable

Question

When the user finishes to type in a URL in a contenteditable div, I want to autolink it, like Medium does:

Answer 1

Finally found a workaround, without using execCommand:

1. delete the range content: range.deleteContents()
2. create the link node I want to insert
3. insert the node in the range: range.insertNode(createdLinkNode)
4. place the caret right after the inserted node:

 

range.setStartAfter(createdLinkNode);
range.setEndAfter(createdLinkNode);
selection.removeAllRanges();
selection.addRange(range);