TinyMCE 在上下文菜单中创建子菜单

Question

我在 TinyMCE 中创建了两个上下文菜单

editor.addMenuItem('insert_element', {
    text: 'Insert',
    onclick: insert_action,
});

editor.addMenuItem('insert_fig', {
    text: 'Figure',
    onclick: insert_figure,
    context: 'insert_element',
    prependToContext: true
});

并在 tinymce.init 中传递上下文菜单

...
tinymce.init({
...
contextmenu: "insert_element,insert_fig",
...
});
...

现在右键单击活动文本区域，我有两个菜单“插入”和“图”。

我想将“图形”菜单更改为插入的子菜单。 通过 tinymce.init 传递 contextmenu 是如何实现的。 我只是使用上下文选项来制作子菜单，但它不起作用

Answer 1

您好，请检查https://jsfiddle.net/9ue2pLLz/2/ ...

jQuery

$(document).ready(function(){
  tinymce.init({
      selector: "textarea",
      plugins: "contextmenu preview code",
      contextmenu: "insert_element" ,
      setup: function(editor) {
              editor.addMenuItem('insert_element', {
                            text:'Insert', 
                menu:[
                  {
                    text:'Insert Figure',
                    onclick:function(){
                        alert('clicked Insert Figure');
                    }

                },

        {
                    text:'Insert Text',
                    onclick:function(){
                        alert('clicked Insert Text');
                    }

                },

                  ]
                 }) //editor.addMenuItem
    } // Setup FUnction






  }); // TinyMCE init
}); // Document ready