html - 删除 contenteditable ="true"中的多行文本添加单个 标签

Question

我见过很多与带有 contenteditable 属性的 div 标签相关的问题，但我的问题有点不同。

我不关心按回车键和添加新行是否会添加 <div>或 <br> ，但是当我通过按 CTRL + A 选择所有文本然后通过按 DEL 或 BACKSPACE 将其清除时，它会添加额外的 <br> .但是当文本只有一行时，选择并清除它什么也不会留下。

如何避免清除多行文本时添加额外的情况 <br>标签？

Answer 1

ContentEditable 由浏览器管理，以注入(inject)它认为合适的格式标签；所以，如果你想要纯文本，你可能最好使用 textarea 输入。如果这不是一个可行的选择和/或您想要所有其他格式，那么您可以使用 javascript 或 jQuery 监听器来检查每次击键时的 innerHTML 以查看它是否包含流氓 br 标记并将其删除。

$("div").on("keyup", function () {
  if (this.innerHTML === "<br>") {
    this.innerHTML = "";
  }
});