2个contentEditable容器在彼此里面;可能的错误？

Question

<div contenteditable="true"> {
{1}} {
{1}}

如果您尝试编辑内部contentEditable div，实际上当您单击它时，您将会遇到它并且无法在其外部插入任何内容，除非您通过退格删除子contentEditable。即使外部div更大，单击内部div外部也无济于事。这发生在FF＆amp; Webkit的。

这是一个错误还是以前的工作方式？有没有改变这种行为的解决方案例如当您在内部div之外单击时，您将开始编辑外部div。

干杯
伯尔萨

Answer 1

我在这里也一样，

<div contenteditable="true"> father
    <div contenteditable="false"> child </div>
</div>

如果我选择子div ，我可以删除文本孩子，但不能编辑。 文字父亲我可以删除和编辑。

我认为逻辑是正确的并且有意义。如果将子div更改为true，则可以删除并编辑标记。

问题是：删除内容时，您无法看到div标签父亲和孩子。那么你只假设第一个是父亲div而第二个是孩子。

好帖子！