当contenteditable="true时,如何给光标位置插入HTML元素

现在项目中遇到一个这样的问题：
一个div的contenteditable设置为True时，在输入了一段文字后，列入

现在需要做的是，点击表情框，这个时候焦点会离开这个div，然后选择一个表情，将这个表情插入到原来的光标的位置。

请问各位大神 .... 这一步应该如何做到？

因为涉及到DOM Range 在网上浏览了很多这方面的东西 仍然没有解决 .

http://stackoverflow.com/questions/2920150/insert-text-at-cursor-in-a-content-editable-div

你是要做一个富文本编辑器吗？在可编辑的div里的每一行（除了第一行）都是一个div，所以你可以先取得所在的div，
然后在所在行的位置你可以搜一下获取的方法，将其记录下来，最后点击图标之后，通过操作div的innerHTML插入表情

因为涉及到DOM Range 在网上浏览了很多这方面的东西 仍然没有解决 .

dasdpload/201710/16/1508145854_341637.jpg)asdasdasd