contenteditable=true 块内的 contenteditable=false 在 IE8 中仍然可编辑

我有以下 HTML 旨在确保内部span不可编辑。这适用于其他浏览器，但不适用于 IE8。

<div contenteditable="true">
  Luke, I am your father.
  <span contenteditable="false">I'm your son?! Ewww!</span>
  Don't speak back to me!
</div>

下面用一个 JSFiddle 来说明这一点（使用 IE8 进行测试）：http://jsfiddle.net/haxhia/uUKPA/3/ .

我如何确保 IE8 也能正确处理这个问题？

好吧，我已经找到了答案，就像如何青霉素被发现.

你看，在玩弄这段代码时，我错误地设置了contenteditable to true为了span瞧！有效！

所以，要做一个span内容可编辑的 div 内不可内容编辑，您只需设置其contenteditable归因于true!

<div contenteditable="true">
  Luke, I am your father.
  <span contenteditable="true">I'm your son?! Ewww!</span>
  Don't speak back to me!
</div>

演示文件如下（使用IE8打开）：https://codepen.io/hgezim/pen/qMppLg .

最后，我没有发布问题来获得投票（尽管，它们不会造成伤害！），但由于解决方案是如此荒谬，而且我没有在这里找到它，我想有人可能会发现这个提示可以节省时间。