TinyMCE在上下文菜单

时间:2016-04-26 05:20:24

标签: javascript jquery tinymce contextmenu menuitem

我在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",
...
});
...

现在右键单击活动文本区域,我有两个菜单“Insert”和“Figure”。

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

1 个答案:

答案 0 :(得分:0)

嗨请检查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