javascript - 从 contentEditable div 中删除格式

Question

我有一个 contentEditable Div，我想删除任何格式，尤其是复制和粘贴文本。

Answer 1

您可以向“粘贴”事件添加监听器并重新格式化剪贴板内容。像这样:

let editableDiv = document.querySelector('div[contenteditable="true"]');

editableDiv.addEventListener("paste", function(e) {
  e.preventDefault();
  var text = e.clipboardData.getData("text/plain");
  document.execCommand("insertHTML", false, text);
});

这是正文中所有容器的另一个示例:

let allEditableDivs = document.querySelectorAll('div[contenteditable="true"]');

[].forEach.call(allEditableDivs, function (el) {
  el.addEventListener('paste', function(e) {
    e.preventDefault();
    var text = e.clipboardData.getData("text/plain");
    document.execCommand("insertHTML", false, text);
  }, false);
}

感谢。