Оформить h2 тег неустранимыми в contenteditable разделе

Question

возможно ли сделать раздел внутри contenteditable элемента постоянным, чтобы пользователь не мог его удалить?

У меня есть тег h2 в div contentEditable. Я не хочу, чтобы пользователь редактировал тег 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

Почему бы не использовать position:absolute, чтобы переместить его над div (возможно, используя правильное z-index), не находясь внутри него (в источнике)?
Не забудьте добавить некоторые отступы к вашему div в пространстве, выделенном для вашего h2.

Answer 2

Нет, извините, все или ничего.

Обходным решением будет захват тега H2 и его повторная вставка после завершения редактирования с использованием JavaScript.