Javascript summernote添加额外内容<；p>&书信电报；br></p>；

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

我希望看到

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

<代码>SomeText 我得到的是

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

var ui=$.summernote.ui；
var button=ui.buttonGroup([
用户界面按钮({
工具提示：“添加计时器文本”，
内容：''，
单击：函数（）{
var text=context.invoke（'editor.getSelectedText'）；
变量节点=$（''+text.trim（）+''）；
invoke（'editor.insertNode'，节点[0]）；
}
})
]);

只是一个猜测：我认为编辑器在

元素中插入了所有内容，因为不能在p中插入div，所以可以得到所描述的结构。尝试坚持使用

（和其他内联）元素，并检查这是否解决了您的问题。@是的，它使用span标记，但有时在span

中添加样式属性时字体样式已更改（或者某个类或任何最简单的东西。哈哈哈……不，这不可能，因为我的内容是从word文件粘贴的，而且已经格式化了。只是猜测：我想编辑器会将所有内容插入

元素中，因为你不能在p中插入div，所以你可以得到你描述的结构。试着坚持

（和其他内联）元素，并检查这是否解决了您的问题。@cloned是的，它正在使用span标记，但有时字体样式已经更改，然后将样式属性添加到span

（或某个类或任何最简单的内容）。哈哈哈…不，这是不可能的，因为我的内容是从word文件粘贴的，并且已经格式化