wangEditor4 除了原本提供的editor.config.menus配置项如何自定义新增

wangEditor 是一款简洁易用的 Web 富文本编辑器，它提供了许多配置项以满足用户的自定义需求。除了默认的 editor.config.menus 配置项，用户可以通过 wangEditor 提供的接口来实现菜单项的自定义新增。具体步骤如下：

1. **获取编辑器实例**：首先需要获取到编辑器的实例对象，这是进行配置的基础。

   var editor = new wangEditor('div_id');

2. **添加菜单项**：使用编辑器实例提供的方法来添加自定义菜单项。可以通过 `editor.config.menus` 配置项来添加，也可以通过实例方法 `editor.customConfig.menus` 来动态添加。

   editor.customConfig.menus = [
       'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'bold', 'italic', 'underline', 'fontcolor', 'backcolor',
       // 这里添加自定义菜单项
       {
           name: 'custom',
           html: '<span>自定义功能</span>',
           event: function () {
               alert('自定义功能被触发');
           },
           miniprogram: {
               provider: 'my',
               path: 'pages/demo/demo',
               id: 'pages/demo/demo',
               query: { a: 1 },
               envVersion: 'trial',
               type: 'miniProgram'
           }
       }
   ];

3. **添加菜单事件**：如果自定义的菜单项需要触发特定的功能，可以绑定事件处理函数到相应的菜单项。

   editor.customConfig.menus[0].event = function () {
       // 这里编写触发事件后的逻辑代码
   };

4. **更新并渲染编辑器**：对配置项做完修改后，需要调用 `editor.create()` 方法来创建编辑器实例并应用新的配置。

   editor.create();