javascript - 使内容可编辑部分中的 h2 标签不可删除

Question

是否可以使 contenteditable 元素中的某个部分永久存在，以便用户无法删除它？

我在 contentEditable div 中有一个 h2 标签。我不希望用户编辑 h2 标签，因此我设置 contentEditable=false，但用户仍然可以选择并删除它，我想禁止这样做。

所以，例如:

<div contentEditable="true">
  <h2 contentEditable="false">My h2 tag</h2>
  This is a div you can edit. But you can't edit or remove the h2 tag.
</div>

Answer 1

不，抱歉，要么全有，要么全无。

解决方法是获取 H2 标签，并在编辑完成后使用 JavaScript 重新插入它。