在一个令人满意的不可思议的范围内跨越

Question

我有一个contenteditable div,其中包含几个类dontEdit的跨度.有没有办法让跨度不可分割,而div的其余部分保持可编辑状态.

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

请看这里的小提琴:http://jsfiddle.net/LZpag/

Answer 1

添加contenteditable="false"到每个<span>元素.如果需要动态执行,可以contentEditable在JavaScript中使用该属性.请注意,以下内容在IE <= 8中不起作用,因为这些浏览器不支持document.getElementsByClassName(),但如果需要,可以轻松解决:

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