vue-quill-editor图片转url

如何将vue-quill-editor中的图片转换成URL？

您可以在vue-quill-editor中使用自定义的handler来将图片转换为URL。具体步骤如下：

1.在你的Vue组件中引入Quill和vue-quill-editor

import Quill from 'quill';

import { VueEditor } from 'vue-quill-editor';

2.创建一个名为customHandler的handler

const customHandler = function(image, callback) {

let formData = new FormData();

formData.append('file', image);

axios.post('your-upload-url', formData, {

headers: {

'Content-Type': 'multipart/form-data'

}

}).then(response => {

callback(response.data, 'success');

}).catch(error => {

callback(error, 'failed');

});

};

3.在Vue组件template中使用VueEditor和customHandler

<VueEditor

v-model="content"

:image-upload-handler="customHandler"

/>

此时，您可以将图片上传到您指定的`'your-upload-url'`，并将其转换为URL，然后在Quill编辑器中插入此URL。