Step1: 监听(拦截)onCreateMenu、onMenuAction事件

  thinkEditorKit.onCreateMenu = onCreateMenu;
  thinkEditorKit.onMenuAction = onMenuAction;

Step2: 对右键菜单数据数组currentMenu进行增、删、改,从而实现自定义右键菜单

const onCreateMenu = function (thinkEditor, currentMenu) {
  //自定义右键菜单项:本方法中,用户增减菜单项,请返回修改后的菜单项。
  currentMenu.push(
    {
      action: "userDefine1",
      text: "用户自定义1",
      enable: true,
    },
    {
      action: "userDefine2",
      text: "用户自定义2",
      enable: true,
    },
  );
  return currentMenu;
};

Step3: 未被Kit消费的菜单事件(用户自定义的菜单)应用可在onMenuAction回调中处理

const onMenuAction = function (thinkEditor, key) {
  //自定义右键菜单项 被按下
  let msg = `onMenuAction 用户自定义菜单项被按下!  key:${key} `;
  console.log(msg);
  alert(msg);
};

修改菜单图标

详见 ThinkEditorKit 自定义图标

文档更新时间: 2026-04-15 09:39   作者:admin