vue3 使用wangeditor

以下是在Vue3中使用WangEditor的步骤：

1. 安装WangEditor和WangEditor的Vue组件

npm install @wangeditor/editor --save
npm install @wangeditor/editor-for-vue@next --save

2. 在Vue组件中引入WangEditor

<template>
  <div>
    <wangeditor v-model="content" />
  </div>
</template>

<script>
import { WangEditor, WangEditorVue } from '@wangeditor/editor-for-vue'

export default {
  components: {
    WangEditor
  },
  data() {
    return {
      content: ''
    }
  }
}
</script>

3. 在Vue应用程序中注册WangEditorVue组件

import { createApp } from 'vue'
import App from './App.vue'
import { WangEditorVue } from '@wangeditor/editor-for-vue'

const app = createApp(App)
app.use(WangEditorVue)
app.mount('#app')