vue.js - vue-quill-editor

问题描述

问 题

使用vue-quill-editor，因为自带的上传图片是吧图片转成base64放再内容里的，所以我自己加了个上传图片的按钮，上传完后再指定的地方插入图片，现在问题是插入的位置，不知道怎么获取用户最后的光标位置。官网文档有点看不明，请大家指教

解决方案

var range = this.$refs.myTextEditor.quillEditor.getSelection();
var length = range.index;
this.$refs.myTextEditor.quillEditor.insertEmbed(length, 'image', imageUrl);

var range = this.$refs.myTextEditor.quillEditor.getSelection(); 获取光标位置对象，里面有两个属性，一个是index 还有 一个length，这里要用range.index，即当前光标之前的内容长度，然后再利用 insertEmbed(length, 'image', imageUrl)，插入图片即可。

这篇关于vue.js - vue-quill-editor的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！