vue3 wangEditor 传参编辑

Vue3 中使用 WangEditor 进行富文本编辑时，你可以将编辑器作为组件挂载，并通过 props 或者数据属性向组件传递配置参数。以下是一个简单的例子：

1. 首先安装wangEditor插件：

npm install @wangeditor/editor --save

2. 在你的组件模板中引入编辑器并绑定配置：

<template>
  <div>
    <wang-editor v-model="content" :options="editorOptions"></wang-editor>
  </div>
</template>

3. 定义 `data()` 函数，在其中初始化编辑器配置：

export default {
  data() {
    return {
      content: '', // 初始化空内容
      editorOptions: {
        // 编辑器的基本配置，如主题、工具栏等
        theme: 'default', // 可选值有 'dark' 和 'default'
        toolbar: ['undo', 'redo', 'bold', 'italic', 'link'], // 工具栏选项
      },
    };
  },
};

4. 当需要动态更改编辑器配置时，可以直接更新 `editorOptions` 对象：

this.editorOptions.someOption = newValue;