nuxt安装配置wangEditor富文本编辑器

由于nuxt要服务端渲染,而服务端没有window而报错。

解决方式:

以插件形式,改成非服务端渲染,添加通过VUE实例创建wangEditor对象。

1. 安装

npm i wangeditor --save

2. 在plugins文件夹下面创建wangEditor.js添加以下配置

import Vue from 'vue';
import wangeditor from 'wangeditor';

Vue.prototype.$wangeditor = content =>{
  return new wangeditor(content);
}

3. 引入插件,在nuxt.config.js文件中得plugins添加

{ src: '@/plugins/wangEditor', ssr: false }

4. 完毕,在需要使用得页面中使用

// 需要在mounted生命周期函数中

原文地址:https://www.cnblogs.com/zezhou/p/14358807.html