如何使用自定义按钮在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);