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

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>元素。如果需要动态执行，可以在JavaScript中使用contentEditable属性。请注意，以下内容在IE＆lt; = 8中不起作用，因为这些浏览器不支持document.getElementsByClassName()，但如果有必要，可以轻松解决这个问题：

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