【富文本】wangeditor编辑器简单使用（自定义图片上传）

一、wangeditor

官网

二、引入

// 安装
npm i wangeditor --save

// 使用
import E from "wangeditor"
const editor = new E("#div1")
editor.create()

三、使用

自定义上传图片，先转base64，转blob，上传服务器

<div id="wangeditor">
  <div ref="editorElem" style="text-align:left;" />
</div>

import E from 'wangeditor'
import axios from 'axios'

// 初始化编辑器
updated() {
   
   
    this.setEditor()
},
// 函数
setEditor（）{
   
   
    const me = this
    this.editor