Javascript 如何使用自定义按钮在Summernote中添加HTML标记?

Javascript 如何使用自定义按钮在Summernote中添加HTML标记?,javascript,angularjs,summernote,Javascript,Angularjs,Summernote,让我们使用以下简单示例: var HelloButton=函数(上下文){ var ui=$.summernote.ui; //创建按钮 var button=ui.button({ 内容:“你好”, 工具提示:“你好”, 单击:函数(){ //在编辑器模块上使用“hello”调用insertText方法。 invoke('editor.insertText',“”); } }); return button.render();//将按钮作为jquery对象返回 } 此代码工作正常,但它在编辑

让我们使用以下简单示例:

var HelloButton=函数(上下文){
var ui=$.summernote.ui;
//创建按钮
var button=ui.button({
内容:“你好”,
工具提示:“你好”,
单击:函数(){
//在编辑器模块上使用“hello”调用insertText方法。
invoke('editor.insertText',“”);
}
});
return button.render();//将按钮作为jquery对象返回
}
此代码工作正常,但它在编辑器中以文本形式显示所有内容,如下所示:

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

我希望它能显示iFrame本身

有什么建议吗


PS:我也在使用angular summernote,也许它可以帮助解决这个问题

我自己找到了解决方案:

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

自己找到了解决方案:

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