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);

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

1 个答案: