javascript - contenteditable=false 在 contenteditable=true

Question

问题:

我在 Chrome 和 Opera 中观察到一个不受欢迎的行为，当一个连接两个 p通过删除它们之间的分隔来标记。 Chrome 和 Opera 删除 contenteditable=false 元素(小部件)和之后的文本。

示例:

example on jsfiddle

html:

<div contenteditable="true" class="editor">
<p>This is the first paragraph.</p>
<p>&larr;Place your cursor here and press backspace. <span class="widget" contenteditable="false">widget</span> Text after widget</p> 
</div>

CSS:

.widget{
    display: inline-block;
    padding: 5px;
    background-color: gray;
}

.editor{
    font: 20px Trebuchet MS
}

问题:

为什么？怎么修？

Answer 1

我很久以前就为 Blink 报告了这个错误和 Webkit .这有点关键，没有解决方法。 Webkit 团队试图修复它，但据我所知，他们引入了新错误；|。

附言。是的，这个答案没有提出任何修复建议，但唯一的修复是覆盖 delete 和 backspace 键行为。