为了方便,是用了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'
},