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的跨度。