如何使用自定義按鈕在Summernote中添加HTML標籤？

Question

讓我們使用來自summernote's doc這個簡單的例子：

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 
} 

此代碼的工作不錯，但它顯示的編輯器，比如這裏面文字的一切：

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

而且我想，這顯示了自身的iFrame 。

有什麼建議嗎？

PS：我也使用了角度summernote，也許它可以幫助解決問題。

Answer 1

找到解決自己：

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