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

时间:2013-09-25 07:22:45

标签: contenteditable html

我有一个contenteditable div,其中包含几个带有类dontEdit的跨度。是否有一种方法可以使跨度不可分割,而div的其余部分保持可编辑状态。

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

请在此处查看小提琴:http://jsfiddle.net/LZpag/

1 个答案:

答案 0 :(得分:6)

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";
}