contenteditable = true内部contenteditable = true块在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来testing它）： http : //jsfiddle.net/haxhia/uUKPA/3/ 。
我如何确保IE8也正确对待？
好吧，我已经发现了很多像是如何发现青霉素的答案。
你看，玩这个代码，我错误地设置contenteditable适合于true的span和瞧！ 有效！
因此，为了在contenteditable div内创build一个span不受限制的内容，只需将其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 ： //www.dropbox.com/s/2yc3rrtkji3rupr/contenteditableIE8.html 。
最后，我没有提出这个问题来获得投票（虽然他们不会受到伤害！），但是由于解决scheme太荒谬了，我没有在这里find，所以我想有人可能会发现这个提示节省了时间。
在IE浏览器中contenteditable =“true”（使其不可编辑）内的contenteditable =“true”的问题是，双击内部元素使其可编辑
解
Grandparent tag as contenteditable true Parent tag as contenteditable false Child tag as contenteditable false
子标签的内容肯定是不可编辑的
<ul contenteditable="true"> <li>By default, this content is editable via its inherited parent elements value.</li> <li contenteditable="false" ><span contenteditable="false">This content is <b>not</b> editable for sure</span></li> </ul>
JSFiddle示例
