Backspace不会删除Firefox中可信任DIV的内部html标记

Question

我创建了一个属性为contenteditable = true的DIV,并且附加了像"span"和"a"这样的属性,其属性为contenteditable = false.想要测试是否用一个退格键删除整个节点,令我惊讶的是Firefox无法删除这些元素.此外,除了Firefox之外,所有主流桌面浏览器都能正常运行.有关此问题的任何线索或可能的解决方法是什么？

在这里找到bugzilla的确切问题.

Answer 1

好的！找到了解决方案...它比您想象的要简单。我实际上是插入 html 链接，所以<a>在这里使用。该<a>标签的属性设置为 contenteditable=false 并且不会通过退格键删除。所以我为 Firefox 创建了一个<span>contenteditable=true 的内部关卡，这就达到了目的。

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

仅在 Firefox 中需要此操作。其他浏览器将其视为预期内容，跨度内容为 contenteditable=false。