富文本编辑器

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:12
 
error  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')
        ]
      },