HTML 的 contenteditable=false 陷井之一

最近刚开发完一个新特性，碰见了很多问题，等有时间会依次做总结，其中有一个问题就是 html 元素的 contenteditable=false 在IE（edge）下，会偶现还是可编辑的情况，查了很多资料才了解到，原来在IE下，必须做其它处理：

假如有这样的代码：

<div contenteditable=true class="someDivStyle">
    <span contenteditable=false class="someSpanStyle">aa</span>
</div>

在 chrome 下，是没有问题的，外面是一个可编辑的 div ，里面包裹了一个不可编辑的 span 元素；可是在IE下，这样写却会出问题，我们必须要改写成如下这样：

<div contenteditable=true class="someDivStyle">
    <span contenteditable=true class="someSpanStyle">aa</span>
</div>

关键就是要把内部的元素 的 contenteditable 属性设为 true，才能保证里面的元素不可编辑；这真是个巨大的坑……