如何使用自定义按钮在 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: 我也在用angular summernote，也许能解决问题。

Answer 1

自己找到解决方案：

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

如何使用自定义按钮在 Summernote 中添加 HTML 标签？

How to add HTML tags in Summernote using custom button?

javascript

angularjs

summernote