wangEditor v4

富文本框光标处插入文本 -vue wangeditor

方法一：
this.editor.cmd.do('insertHTML','<span>'+value+'</span>')
注：在官网搜索insertHTML，即可找到
方法二：

 // 插入代码
    var aa = document.querySelector('.w-e-text')
    var pp = document.querySelector('.w-e-text p')
    aa.onclick = function (e) {
      // 获取光标位置
      const range = window.getSelection().getRangeAt(0)
      console.log(range.startOffset)

      // 新建标签及内容
      const newSpan = document.createElement('span')
      newSpan.style.color = 'red'
      newSpan.innerText = 'ppppppppppppppppp'
      newSpan.setAttribute('data-item', '111111') // 添加指定的属性，并为其赋指定的值。
      pp.appendChild(newSpan) // 方法可向节点的子节点列表的末尾添加新的子节点

      // 插到光标处
      range.insertNode(newSpan)
    }