vue3 wangEditor 初始化内容

在Vue3中使用WangEditor初始化内容，首先你需要安装WangEditor及其Vue组件库。你可以通过npm或yarn来安装：

# npm
npm install vue-wangeditor

# yarn
yarn add vue-wangeditor

然后在你的Vue组件中导入并配置WangEditor。例如，假设你在`main.js`或全局引用的地方已经设置了Vue：

import { createApp } from 'vue';
import WangEditor from 'vue-wangeditor';

// 如果需要自定义配置，可以创建一个编辑器实例
const defaultConfig = {
  // ... 配置项，如自动上传、主题等
};

createApp(App).use(WangEditor, defaultConfig)
  .mount('#editor-container');

接下来，在你的组件模板中，你可以像下面这样绑定初始内容到编辑器：

<template>
  <div id="editor-container">
    <wangeditor v-model="content" :config="editorConfig"></wangeditor>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '<p>这是默认的初始化内容</p>', // 可以在这里设置你的初始文本
      editorConfig: defaultConfig,
    };
  },
};
</script>

在上述代码中，`v-model`用于双向数据绑定，`content`属性存储初始内容，`editorConfig`属性则是从上面的配置对象中获取。