JS在页面光标位置插入新内容

//场景一 简易的页面可以这样写
var range = window.getSelection().getRangeAt(0);
range.insertNode(document.createTextNode("插入的值"));



//场景二 如果需要插入HTML文本，考虑到在弹出框中插入的场景，因此修改为如下方式
var range;//记录光标位置对象
var node = window.getSelection().anchorNode;
// 这里判断是做是否有光标判断，因为弹出框默认是没有的
if(node!=null){
    range = window.getSelection().getRangeAt(0);// 获取光标起始位置
}else{
　　range = undefined;
}
var doc = document.createElement("img");//创建节点对象
doc.setAttribute("src", imgSrc);//给节点对象添加属性
range.insertNode(doc);// 在光标位置插入该对象