富文本编辑器

前端小程

于 2025-04-21 10:20:39 发布

阅读量273

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/CSSAJBQ_/article/details/147383008

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