关于可编辑div插入表情图标

在最近的开发中因为项目需要一个可编辑插入表情的编辑框，起初也是头大煎熬，总是被我熬出来了。
在可编辑框中为难我们的是光标定位和在光标的位置插入指定的内容和表情
下面开始正事
节点内容是这样的我用的是vue作为前端

<div :contenteditable="true"></div>

要在指定的位置插入内容我们需要获得光标的位置

let selection = getSelection();
let range=selection.getRangeAt(0);
that