summernote添加了额外的内容<p> <br> </p>

Question

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

我希望看到

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

我得到的是

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

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

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