vue3如何安装并使用wangEditor富文本编辑器

首先，你需要在你的 Vue 3 项目中安装 wangEditor，可以通过以下命令进行安装：

npm install wangeditor --save

安装完成后，在你的 Vue 3 项目中引入 wangEditor 并进行配置，可以参考以下代码：

<template>
  <div>
    <div id="editor"></div>
  </div>
</template>

<script>
import WangEditor from 'wangeditor'

export default {
  mounted() {
    const editor = new WangEditor('#editor')
    editor.config.uploadImgServer = '上传图片的接口地址'
    editor.config.uploadImgMaxLength = 5 // 限制一次最多上传 5 张图片
    editor.create()
  }
}
</script>

在以上代码中，我们在 mounted 钩子函数中创建了一个 wangEditor 实例，并将其绑定到一个 id 为 "editor" 的 div 元素上。同时，我们还对 wangEditor 进行了一些配置，如设置上传图片的接口地址，以及限制一次最多上传 5 张图片。

最后，我们需要在组件的 style 中引入 wangEditor 的样式：

@import 'wangeditor/release/wangEditor.min.css';

完成以上步骤后，你就可以在 Vue 3 项目中使用 wangEditor 富文本编辑器了。