javascript - summernote 添加额外内容

Question

我正在尝试在编辑器中插入一个带有预定义类名的简单 div 标签。

我期待看到

<div id="btnTimer">SomeText</div>

我得到的是

<p><br></p><div id="btnTimer">SomeText</div><p><br></p>

我在编辑器中添加了一个自定义按钮，然后单击该按钮选择的内容添加到具有 id 属性的 div 标记中

var ui = $.summernote.ui;
   var button = ui.buttonGroup([
       ui.button({
          tooltip: 'Add Timer Text',
          contents: '<i class="icon icon-alarm"></i>',
          click: function () {
              var text = context.invoke('editor.getSelectedText');
              var node = $('<div id="btnTimer">'+text.trim()+'</div>');
              context.invoke('editor.insertNode', node[0]);
          }
       })
   ]);

标签： javascriptjquerysummernote