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

TinyMCE Create sub-menu in context menu

本文关键字：菜单 创建 TinyMCE 上下文      更新时间：2023-09-26

我在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传递上下文菜单。我只是使用上下文选项来制作子菜单，但它不起作用

嗨，

请检查 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
相关文章：