Javascript `ie9`-contenteditable false在父级可编辑时不工作

我试图使内容成为可编辑和不可编辑的容器。用户可以使用这三种方式

他们可以放置

不可编辑的内容

他们可以将内容放入可编辑的

他们可以在不选择其中一个的情况下放置内容。（可编辑）

我正努力实现以下目标：

#内容{
边框：1px纯红；
高度：100px；
}
.subcentnotedit{
背景：#87a476；
}
.分包编辑{
背景#ffd5d5；
}

可编辑
不可编辑
在此处输入文本。。

在IE中，“false”标志实际上是受尊重的，但如果双击它，它将进入编辑模式（可能是因为双击事件冒泡到父级？）

我的建议是将不可编辑的内容放在

：：元素之后（因为没有浏览器会在其中找到插入符号位置以允许编辑），如下所示：


#内容{
边框：1px纯黑；
高度：100px；
}
.分包编辑{
背景：#87a476；
}
.subcentedit:：之后{
内容：'不可编辑'；
显示：块；
背景#ffd5d5；
}

可编辑
在此处输入文本。。
事实上，它应该在IE9上起作用，是的，但是没有注意到父母的副作用。