Wie Sie HTML-Tags in Summernote mit benutzerdefinierten Schaltfläche hinzufügen?

Question

Lassen Sie uns dieses einfache Beispiel aus summernote's doc verwenden:

var HelloButton = function (context) { 
    var ui = $.summernote.ui; 

    // create button 
    var button = ui.button({ 
    contents: '<i class="fa fa-child"/> Hello', 
    tooltip: 'hello', 
    click: function() { 
     // invoke insertText method with 'hello' on editor module. 
     context.invoke('editor.insertText', "<iframe src=\""+myUrl+ "\"" + "></iframe>"); 
    } 
    }); 

    return button.render(); // return button as jquery object 
} 

Dieser Code funktioniert gut, aber es zeigt alles in Text im Editor wie folgt aus:

<iframe src="http://............"></iframe> 

Und ich möchte, dass sie die iFrame angezeigt selbst .

Irgendwelche Vorschläge?

PS: Ich benutze auch angular summernote, vielleicht kann es helfen, das Problem zu lösen.

Answer 1

die Lösung selbst gefunden:

 var node = document.createElement('span'); 
     node.innerHTML = "<iframe src=\""+myUrl+ "\"" + "></iframe>"</iframe>"; 
     context.invoke('editor.insertNode', node);