富文本实现插值

最近项目上需要一个富文本框实现插值操作，插值不可编辑，但是可以删除，尝试了好几种方案，最终决定用contenteditable这个属性来实现

首先， contenteditable="true"可以使元素成为可编辑状态

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

在设置了contenteditable属性的元素中，可以插入或编辑任意的元素，如果要实现不可编辑的插值的话，可以将插值的元素设置为contenteditable="false"，这样，就实现了富文本插值。

但是，还有问题，如何将元素插入指定的光标位置

浏览器提供了selection和range对象来操作光标

 // 将内容插入到光标位置，并将光标移动到内容元素末尾
function insertAtCursor(domNode