Backspace不会在Firefox中删除contenteditable DIV的内部html标签

Question

我已经创建了一个属性为contenteditable = true的DIV，并添加了属性为contenteditable = false的“span”和“a”的子级。想要测试整个节点是否被一个单独的退格删除，令我惊讶的是，Firefox不能删除这些元素。此外，除Firefox之外，所有主流桌面浏览器都可以正常工作。这方面的任何线索或可能的解决方法是什么？

在bugzilla here上找到确切的问题。

Answer 1

好吧！找到了解决方案......它比你想象的要简单。我实际上是插入HTML链接，所以在这里使用<a>。 <a>标记的属性设置为contenteditable = false，并且它没有被退格删除。所以我已经创建了一个内核<span>级别，contenteditable = true，对于Firefox来说，这是个窍门。

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

这仅在Firefox中需要。其他浏览器会按照预期的方式处理此内容contenteditable = false的跨度。