作出跨度内contenteditable div不可编辑

Question

我有一个contenteditable div，其中包含几个与类dontEdit跨度。有没有一种方法可以让跨度不受限制，而其余部分保持可编辑。

<div contenteditable=true> 
    editable1 <span class="dontEdit">uneditable1</span> editable2 
</div> 

请在这里看到小提琴：http://jsfiddle.net/LZpag/

Answer 1

添加contenteditable="false"每个<span>元素。如果您需要动态执行此操作，则可以在JavaScript中使用contentEditable属性。请注意，以下将不会在IE < = 8的工作，因为这些浏览器不支持document.getElementsByClassName()，但如果必要一遇工作围绕：

var spans = document.getElementsByClassName("dontEdit"); 
for (var i = 0, len = spans.length; i < len; ++i) { 
    spans[i].contentEditable = "false"; 
}