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生命周期函數中