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

Question

当用户将 html 内容粘贴到 Summernote 文本编辑器中时，是否可以删除所有样式属性？

例如:(输入)

 <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 doesn't allow to format pasted text after writing onpaste event)

使用上述解决方案成功粘贴纯文本后，只需将文本更改为 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 上测试过。但我认为修改起来并不难。