如何从SummerNote onPaste上的标签中删除样式属性？

Question

当用户将html内容粘贴到Summernote texteditor时,是否可以删除所有样式属性？

例如:(输入)

 <p style="font-weight:500; color:#000;">Hello World </p>
 <div style="display:block"> I am a Div content </div>

粘贴后的预期输出:

 <p>Hello World </p>
 <div> I am a Div content </div>

我想在Javascript/Jquery中实现一些东西

$('tag').removeAttr("style");

SummerNote文本编辑器中是否有任何内置选项或功能可以执行此操作？

提前致谢

Answer 1

我终于适应了另一个解决方案（如何粘贴为纯文本：summernote 不允许在写入 onpaste 事件后格式化粘贴的文本）

使用上述解决方案成功粘贴纯文本后，只需将文本更改为 html 并按照您的建议删除样式：

$('.summernote').summernote({
  callbacks: {
    onPaste: function (e) {
      var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('text/html');
      e.preventDefault();
      var div = $('<div />');
      div.append(bufferText);
      div.find('*').removeAttr('style');
      setTimeout(function () {
        document.execCommand('insertHtml', false, div.html());
      }, 10);
    }
  }
}

我不知道这个解决方案的浏览器兼容性，我只在 Chrome 上测试过。但我认为修改并不难。