在Vue项目使用quill-editor带样式编辑器（更改插入图片和视频） 运用vue-quilt-editor编写富文本编辑器 自定义图片路径 获取后台返回路径

一、首先在main.js  引入 vue-quilt-editor

import VueQuillEditor from 'vue-quill-editor'

import 'quill/dist/quill.core.css'

import 'quill/dist/quill.snow.css'

import 'quill/dist/quill.bubble.css'

引入vue-quilt-editor样式   否则样式会乱码

二、导入依赖

npm install vue-quilt-editor save

三、使用组件

1.code

  < el-col :span=" 24" class= "warp-main" >

< el-form-item >

< div class= "edit_container" >

< quill-editor v-model=" mate. mateFormerHeader. values[ object[ 'description']. name]"

ref= "myQuillEditor"

class= "editer"

:headers=" headers"

:options=" editorOption" @ready=" onEditorReady( $event)" >

</ quill-editor >

< el-upload class= "upload-demo" :action=" qnLocation" :before-upload=' beforeUploadDetial<