一老石上真男人
获得徽章 0
vue3+ts使用quill editor 的时候我连续在当前光标下插入两条数据
一条是 以 ${xxxxx} 为格式的 a 标签，一条是空格字符（这个在vue2的时候空格字符是 span标签）
这是我插入两天数据的代码
quill.value.insertText(range, "${" + parameterData.name + "}", {
color: "#0765ef",
link: parameterData.id,
});
quill.value.insertText(range + 3 + parameterData.name.length, " ", {
color: "#333333",
});
现在有两个问题
第一个问题是vue2项目的空格字符是span标签包裹的，但是在vue3这边连续添加两个内容的时候空格字符会变成a标签包裹（不清楚是不是因为第一个内容是a标签导致第二个内容也成了a标签）
第二个问题是quill的getSelection()中的range.index当前光标总是出现问题，明明内容有7个长度，可是每次先fours()然后添加内容的时候range.index总是会少一个变成6。
一条是 以 ${xxxxx} 为格式的 a 标签，一条是空格字符（这个在vue2的时候空格字符是 span标签）
这是我插入两天数据的代码
quill.value.insertText(range, "${" + parameterData.name + "}", {
color: "#0765ef",
link: parameterData.id,
});
quill.value.insertText(range + 3 + parameterData.name.length, " ", {
color: "#333333",
});
现在有两个问题
第一个问题是vue2项目的空格字符是span标签包裹的，但是在vue3这边连续添加两个内容的时候空格字符会变成a标签包裹（不清楚是不是因为第一个内容是a标签导致第二个内容也成了a标签）
第二个问题是quill的getSelection()中的range.index当前光标总是出现问题，明明内容有7个长度，可是每次先fours()然后添加内容的时候range.index总是会少一个变成6。
展开
2
点赞
赞了这篇沸点
![[发怒]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_12.0f24f23.png)
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
赞了这篇文章