关于UEditor编辑器插入uNode后光标问题

功能为在编辑器指定的位置插入自定义变量,变量显示被{}框住并显示为蓝色,我的代码编写如下

var textNode= new UE.uNode({
      type:'text',
            data:varKeyStr,
});
var spanNode= new UE.uNode({
            id:"varKey",
            type:'element',
            tagName:'span',
            attrs:{
                style:'color:blue;',
                id:nodeId
            }
});
spanNode.appendChild(textNode);
modelView.focus();
modelView.execCommand('inserthtml',spanNode.toHtml());

其前台显示效果为

图片说明

但是当鼠标点击在{bxr}周围进行输入时,会将输入值填写到textNode中

图片说明

图片说明

希望效果为

图片说明

希望各位大神指教

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐