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

How do I create a range object when I know just the character offsets?

本文关键字：何创建创建对象范围字符偏移量更新时间：2023-09-26

所以我有一个包含文本块的div，之前用户在这个块中选择了一些文本，我从这个选择中创建了一个范围对象。我存储了所选文本的开始和结束点的偏移量，但我有重新创建范围的问题(所以我可以操纵它)。"quotables"是存放所有文本的div。我不知道我做错了什么。

<>之前


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

之前

，但我一直得到错误:未捕获错误:NOT_FOUND_ERR: DOM Exception 8
m.setStart
(匿名函数)
d.extend._Deferred.f.resolveWith
d.d.extend.ready
d.c.addEventListener.y

Range边界不是HTML字符串表示中的字符偏移量。相反，它是DOM节点内的偏移量。例如，如果节点是文本节点，则边界表示为节点文本中的字符偏移量。如果节点是一个元素，则表示为该节点在边界之前的子节点数。例如，在下面的HTML中，使用边界用|表示的Range:

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

…范围的开始边界位于<div>元素的第一个子文本节点的偏移量3处，而结束边界位于<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);