为了方便,是用了vue-quill-editor
作为富文本编辑器,但是他和一些插件的安装有注意点:
1、在vue.config.js
中修改配置
var webpack = require('webpack');module.exports = {configureWebpack: {plugins: [new webpack.ProvidePlugin({'window.Quill': 'quill/dist/quill.js','Quill': 'quill/dist/quill.js'}),]}
}
2、使用的时候注意
import Quill from 'quill'
import { ImageDrop } from 'quill-image-drop-module'
import ImageResize from 'quill-image-resize-module'
Quill.register('modules/imageDrop', ImageDrop)
Quill.register('modules/imageResize', ImageResize)
and in the options for quill, make the modules true as such:editor_option: {modules: {imageDrop: true,imageResize: true,},theme: 'snow'
},