html - 无法使用退格键删除 n 可编辑 div 内的元素 - Jquery

Question

我得到了这个 html

<div contenteditable="true"> Hey <a class="tgt" contenteditable="false">harry</a> great </div>

在firefox我无法删除a.tgt使用时backspace时。在除 Firefox 之外的所有其他浏览器中被删除

有什么问题？

Answer 1

这可能对某些人有帮助。我遇到了同样的问题。

而不是这个： <div contenteditable="true"> Hey <a class="tgt" contenteditable="false">harry</a> great </div>

你可以有这个： <div contenteditable="true"> Hey <a class="tgt" contenteditable="false">harry</a><span class="remove"></span> great </div>

您可以使用 javascript（在这种情况下使用 jquery）来检测 .remove 的删除并同时删除您不可编辑的 div：

// you can wrap this in an if statement and only execute in firefox
$('.remove').on("DOMNodeRemoved", function() { 
    $(this).prev(".tgt").remove();
});

希望这可以帮助！

Answer 2

尝试使用属性contenteditable=true<a>将html 包装到span标记中

<div contenteditable="true"> Hey <a class="tgt" contenteditable="false"> <span contentEditable="true">harry</span></a> great</div>