wangEditor图标点击事件

WangEditor 是一个基于 Web 的富文本编辑器，提供了丰富的功能和定制选项，包括自定义图标和点击事件。当你想要为图标添加点击事件时，你可以按照以下步骤操作：

1. **注册事件处理器**：首先，你需要在初始化编辑器时，为图标添加一个事件监听器。例如，你可以使用 `editor.config` 对象的 `customConfig` 属性来定义你的配置。

const editor = new WangEditor.create('#editor', {
  customConfig: {
    // 图标点击事件
    iconEvents: {
      'your-icon-class': function (e) {
        // 在这里编写你的事件处理逻辑
        console.log('Icon clicked!');
      }
    }
  }
});

在这里，`'your-icon-class'` 是你想要监听的图标类名。

2. **添加图标**：在编辑器实例化后，你需要在编辑器的 UI 中添加这个图标。这通常是在模板或自定义插件中完成的。例如，你可以使用 `editor.commands.add` 方法添加图标到命令集合：

editor.commands.add({
  name: 'customCommand', // 你的命令名称
  icon: 'your-icon-class', // 你的图标类名
  callback: function () { /* 执行你的逻辑 */ }
});

3. **触发点击**：用户可以通过点击这个图标触发相应的事件。编辑器会自动调用你在 `customConfig` 中设置的事件处理器。