关于vue2非表单元素使用contenteditable=-true-（富文本编辑器的原型）

最近在自己研究聊天的开发。后端用go，前端用vue，用户消息发送框需要富文本编辑器。我需要的很简单：可以写文字，可以发表情，图片和文件可以发表情，图片和文件可以粘贴到剪贴板的文字和图片。通常，富文本编辑器具有更丰富的格式化工具。功能太多，定制麻烦。自己开发，按你说的做。上面代码：使用pre的原因：不想让用户粘贴html代码，直接显示效果也可以显示不能按原样使用v-model绑定的问题，然后找了几篇关于这个的文章：https://segmentfault.com/a/11...https://segmentfault.com/a/11...结果有问题，包括作者更新的代码的最终版本。还是有问题。我只是想要一个可以写入内容然后读取内容的容器。于是我有了下面这种简单粗暴的做法。>代码到此结束，有没有光标问题或其他问题。整个过程只是v-html进行赋值，后面的取值使用this.$refs.sendContent.innerHTM。清除值时注意不要使用this.sendContent=''