Backspace no elimina las etiquetas HTML internos de un div contenido en Firefox

Question

He creado un DIV con atributo contento = verdadero y agregado niños como "span" y "a" con atributos contento = falso. Quería probar si todo el nodo se eliminara con un solo espacio de retroceso y, para mi sorpresa, Firefox no pudiera eliminar los elementos. Además, esto funciona como se esperaba en todos los principales navegadores de escritorio, excepto Firefox. ¿Alguna pista sobre esto o cuál podría ser la posible solución?

Encontró el problema exacto en Bugzilla aquí.

Answer 1

¡De acuerdo! Encontré la solución ... es bastante simple de lo que pensarías. De hecho, estoy insertando HTML para enlaces, así que usando <a> aquí. los <a> La etiqueta tiene el atributo establecido en ContentEditable = false y no se elimina con un backspace. Entonces he creado un interior <span> Nivel con contento = verdadero para Firefox y eso hizo el truco.

<div contentEditable="true">
   <a href="your/url/path" contentEditable="false">
     <span contentEditable="true">link here</span>
   </a>
</div>

Esto se requiere solo en Firefox. Otros navegadores tratan esto como se esperaba con el tramo que tiene contenido contento = falso.