vue-quill-editor

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

阅读 11.1k
3 个回答
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),插入图片即可。

如果你们服务器端牛逼的话,可以在服务器端处理,把base64的数据转存为文件,然后再保存。
我是直接换了个UEditor(虽然也有点别的问题---)

新手上路,请多包涵

Uncaught TypeError: Cannot read property 'getSelection' of undefined

at VueComponent.uploadFunction (eval at <anonymous> (0.js:280), <anonymous>:56:54)
at Proxy.boundFn (eval at <anonymous> (app.js:804), <anonymous>:165:14)
at change (eval at <anonymous> (0.js:410), <anonymous>:36:13)
at HTMLInputElement.invoker (eval at <anonymous> (app.js:804), <anonymous>:1738:18)

请问下,这个取不到是为什么
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏