wangeditor配置工具栏

wangeditor的工具栏配置可以通过以下几个步骤完成。首先，可以使用`DomEditor.getToolbar(this.editor)`来获取当前编辑器实例的工具栏配置。其次，在`toolbar`对象中，可以通过`getConfig()`方法获取当前工具栏的默认配置。接下来，可以根据需要重新配置工具栏，包括显示哪些菜单、菜单的排序和分组等。最后，可以将配置好的工具栏配置项传递给`toolbar-option`属性，以实现自定义的工具栏配置。

下面是一个示例代码，展示了如何使用wangeditor配置工具栏：

import { DomEditor } from "@wangeditor/editor";
// 获取当前编辑器实例的工具栏配置
const toolbar = DomEditor.getToolbar(this.editor);
const curToolbarConfig = toolbar.getConfig();
console.log(curToolbarConfig);

// 重新配置工具栏，显示哪些菜单，以及菜单的排序、分组
toolbar.mode = 'default';
// 其他配置项...

// 将配置好的工具栏配置项传递给we-editor组件的toolbar-option属性
<we-editor :toolbar-option="toolbar">

通过上述步骤，可以自定义wangeditor的工具栏配置，以满足具体的需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [wangEditor系列之工具栏配置](https://blog.csdn.net/weixin_62277266/article/details/130645112)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [wangeditor5在vue3中的全使用过程（图片上传、附件上传、工具栏配置、编辑器配置）](https://blog.csdn.net/baidu_39378193/article/details/126916335)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]