vue2-editor富文本编辑器

参考：https://www.npmjs.com/package/vue2-editor

安装：npm install vue2-editor

引入：

import { VueEditor } from "vue2-editor";

注册：

components: {

    VueEditor

  },

 

 

 <vue-editor v-model="model.body" useCustomImageHandler @image-added="handleImageAdded"></vue-editor>

事件：

async handleImageAdded(file, Editor, cursorLocation, resetUploader) {
            // An example of using FormData
            // NOTE: Your key could be different such as:
            // formData.append('file', file)
        
            const formData = new FormData();
            formData.append("file", file);
            const res=await this.$http.post('upload',formData)
            Editor.insertEmbed(cursorLocation, "image", res.data.url);
            resetUploader();
            }

关于图片上传的：