在contenteditable部分中使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

不，对不起，这是全有或无意义的。

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

Answer 2

为什么不使用position:absolute将其移到div之上（可能使用正确的z-index）而不在其中（在源中）？
请记住在为h2分配的空间中为div添加一些填充。