如何在CkEditor中右键单击添加附加菜单项？

在CKeditor中，当我们右键单击图像时，会出现四个菜单项。

cut
copy
paste
image properties

我想再添加两个菜单项，

test1
test2 -> subtest2
         subtest3 

test1 将是一个菜单，test2 将有两个子菜单。

另外，如何向这个新菜单项添加操作？例如，单击 test1 应在右侧绘制边框。点击subtest2会添加图像阴影等。

除此之外。当我们右键单击 div 和 table 时，我想做类似的事情。

我找到了上下文菜单插件，但我需要知道如何使用它。

我也遇到了这个问题。感谢CKEditor的糟糕文档，我尝试了整个下午的不同方式终于成功了。 该代码在我的网站 Drupal 6 和 CKEditor 4 上运行良好。

// Assume I already Have 3 commands
// insertTick, insertTickxxx, and insertTickxxxandxxx

if (editor.addMenuItems) {
  // 1st, add a Menu Group
  // tip: name it the same as your plugin. (I'm not sure about this)
  editor.addMenuGroup('tick', 3);

  // 2nd, use addMenuItems to add items
  editor.addMenuItems({
      // 2.1 add the group again, and give it getItems, return all the child items
      tick :
      {
        label : 'Insert Tick',
        group : 'tick',
        order : 21,
        getItems : function() {
          return {
            tick_insertTick : CKEDITOR.TRISTATE_OFF,
            tick_insertQuestionMark : CKEDITOR.TRISTATE_OFF,
            tick_insertTickandQuestion : CKEDITOR.TRISTATE_OFF
          };
        }
      },

      // 2.2 Now add the child items to the group.
      tick_insertTick :
      {
        label : 'Insert a tick',
        group : 'tick',
        command : 'insertTick',
        order : 22
      },

      tick_insertQuestionMark :
      {
        label : 'Insert Question Mark',
        group : 'tick',
        command : 'insertQuestionMark',
        order : 23
      },

      tick_insertTickandQuestion :
      {
        label : 'insert Tick and Question',
        group : 'tick',
        command : 'insertTickandQuestion',
        order : 24
      }
  });
}

// 3rd, add Listener, and return the Menu Group
if (editor.contextMenu) {
  editor.contextMenu.addListener(function(element, selection) {
    return {
      tick : CKEDITOR.TRISTATE_OFF
    };
  });
}

这将显示为

插入勾号 -> 插入勾号

-------------- 插入问号

-------------- 插入勾号和问号