在vue3中使用富文本编辑器WangEditor + 添加图片，上传到阿里云oss并实现图片复现

目录

1.安装WangEditor

 2.html部分

3.script部分

4.实现上传图片功能

5.后端代码 

---

1.安装WangEditor

yarn add @wangeditor/editor
# 或者 npm install @wangeditor/editor --save
 
yarn add @wangeditor/editor-for-vue@next
# 或者 npm install @wangeditor/editor-for-vue@next --save

 2.html部分

<template>
  <div>
     <div style="border: 1px solid #ccc">
        <Toolbar
          style="border-bottom: 1px solid #ccc"
          :editor="editorRef"
          :defaultConfig="toolbarConfig"
          :mode="mode"
        />
        <Editor
          style="height: 500px; overflow-y: hidden;"
          v-model="valueHtml"
          :defaultConfig="editorConfig"
          :mode="mode"
          @onChange="handleCre