wangeditor 插入自定义样式

要在 wangeditor 中插入自定义样式，可以使用自定义菜单的功能。以下是一些基本步骤：

1. 打开 wangeditor 的官方文档，找到自定义菜单的示例代码。

2. 在代码中添加一个新的菜单，可以使用自定义图标和文本。

3. 在菜单的点击事件中，编写代码来插入自定义样式。可以使用 execCommand 方法来执行插入操作。

例如，以下代码片段可以在 wangeditor 中插入一个蓝色的文本框：

// 添加自定义菜单
editor.menus.extend('myCustomMenu', function (menuItem) {
  // 自定义菜单的图标和文本
  menuItem.setIcon('<i class="fa fa-square"></i>');
  menuItem.setTitle('插入蓝色文本框');

  // 点击事件
  menuItem.onClick(function () {
    // 插入样式
    editor.cmd.do('insertHTML', '<div style="background-color: blue; color: white; padding: 5px;">这是一个蓝色文本框</div>');
  });

  // 返回菜单项
  return menuItem;
});

在 wangeditor 中，可以使用类似的方法来添加自定义样式。只需编写适当的 HTML、CSS 和 JavaScript 代码即可。