记录富文本编辑vue-quill-editor如何把其他值插到光标位置

1.获取到富文本装着数据的对象

let quill = this.$refs.myQuillEditor.quill

2.获取光标所在的位置

let length = this.$refs.myQuillEditor.quill.selection.savedRange.index

3.把文本插到光标的地方(第三个参数是其他的值)

quill.insertEmbed(length, 'text', e.target.textContent)

4.把光标移到文本的后面

quill.setSelection

#记录如何把值插到输入框后面

        let elInput = document.getElementById('inputId')
      let startPos = elInput.selectionStart
      let endPos = elInput.selectionEnd
      if (startPos === undefined || endPos === undefined) return
      let txt = elInput.value
      let result =
        txt.substring(0, startPos) +
        e.target.textContent +
        txt.substring(endPos)
      this.titleName = result // this.titleName是输入框的v-model值
      elInput.focus()
      elInput.selectionStart = startPos + e.target.textContent.length
      elInput.selectionEnd = startPos + e.target.textContent.length

原文链接：https://blog.csdn.net/yytasty/article/details/97406113