Question

所以我有一个包含文本块的div，之前用户已在此块中选择了一些文本，我从此选择中创建了一个范围对象。我存储了所选文本的起点和终点的偏移量，但是我在重新创建范围时遇到了问题（所以我可以操纵它）。 “quotables”是包含所有文本的div。我不知道我做错了什么。



    var theRange = rangy.createRange();
    var node = $('.quotables').html();
    theRange.setStart(node, 14);
    theRange.setEnd(node, 318);

但我一直收到错误：未捕获错误：NOT_FOUND_ERR：DOM异常8
m.setStart
（匿名函数）
d.extend._Deferred.f.resolveWith
d.d.extend.ready
d.c.addEventListener.y

Answer 1

范围边界不是HTML的字符串表示形式中的字符偏移量。相反，它是DOM节点内的偏移量。例如，如果节点是文本节点，则边界表示为节点文本中的字符偏移量。如果节点是元素，则表示为边界之前的节点的子节点数。例如，在以下HTML中，使用其边界由|表示的范围：

<div id="test">foo|bar<br>|<br></div>

...范围的起始边界位于文本节点中的偏移3处，该位置是<div>元素的第一个子节点，而结束边界位于<div>内的偏移2处，因为那里是两个子节点（文本节点“foobar”和一个<br>元素）位于边界之前。您可以按以下方式以编程方式创建范围：

var range = rangy.createRange(); // document.createRange() if not using Rangy
var div = document.getElementById("test");
range.setStart(div.firstChild, 3);
range.setEnd(div, 2);

当我只知道字符偏移时，如何创建范围对象？

1 个答案: