Rendre une étiquette h2 indémontable dans une section contenteditable

Question

Est-il possible de rendre permanente une section dans un élément contentable, de sorte qu'un utilisateur ne puisse pas la supprimer?

J'ai une balise h2 dans un div contentEditable. Je ne veux pas que l'utilisateur édite la balise h2, donc j'ai mis contentEditable = false, mais l'utilisateur peut toujours le sélectionner et le supprimer, ce que je veux interdire.

Ainsi, par ex:

<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

Non, désolé, il est tout ou rien.

Une solution de rechange consisterait à récupérer la balise H2 et à la réinsérer une fois la modification terminée, en utilisant JavaScript.

Answer 2

Pourquoi ne pas utiliser position:absolute pour le déplacer au-dessus de la div (peut-être en utilisant un z-index) sans être à l'intérieur (dans la source)?
N'oubliez pas d'ajouter un peu de remplissage à votre div dans l'espace alloué pour votre h2.