TinyMCE erstellen Untermenü im Kontextmenü

Question

ich zwei Kontextmenüs in TinyMCE erstellt haben

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

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

und übergeben die Kontextmenüs in tinyMCE.init

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

nun auf der rechten Maustaste im aktiven Textbereich Ich habe zwei Menüs als "Einfügen" und "Figur".

Ich möchte das Menü "Abbildung" als Untermenü von einfügen ändern. Wie wäre es möglich, indem Sie contextmenu über tinymce.init übergeben. ich nur Kontext Option Untermenü zu machen, aber es funktioniert nicht

Answer 1

Hallo freundlich https://jsfiddle.net/9ue2pLLz/2/ überprüfen ...

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