富文本编辑器

wangEditor官网

安装

npm install @wangeditor/editor-for-vue --save

 如果import { Editor, Toolbar } from '@wangeditor/editor-for-vue'引入报错：

ERROR  Failed to compile with 1 errors                                                                                                       17:53:12error  in ./node_modules/@wangeditor/editor/dist/index.esm.js......

是由于webpack配置原因 。在build文件中找到自己项目中的webpack.base.conf.js文件：

module.exports = {module: {rules: [// 此处添加一段配置]}
}

 配置如下:

   {test: /\.js$/,loader: 'babel-loader',include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'),resolve('node_modules/@wangeditor')]},