使用HTML字符获取contenteditable div的插入位置

Question

我需要在一个内容可编辑的div中获得订单位置。 我的div包含诸如<span>之类的HTML元素，我还需要将其添加到carret位置。

例如，如果我的可编辑div内容是：

<div editablecontent="true">12<span class="my-class">3</span>45</div>

并且插入号位于4到5之间，我需要获得 34 作为插入号的位置。

有人可以告诉我如何获得吗？