html - contenteditable=false inside contenteditable=true block 在 IE8 中仍然是可编辑的

Question

我有以下 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 也正确处理此问题？

Answer 1

好的，我已经找到了答案，就像 Penicillin was discovered 一样.

你看，玩弄这段代码，我错误地将 contenteditable 设置为 true 用于 span 瞧!成功了!

因此，要使 span 在 contenteditable div 中成为 NON-contenteditable，您只需将其 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 .

最后，我没有发布问题来获得投票(虽然，他们不会伤害!)，但由于解决方案太荒谬而且我没有在这里找到它，我认为有人可能会发现这个提示时间节省。