Javascript - выбор - идентифицировать текстовый узел

Question

Я использую методы выбора Javascript и хочу сохранить выбор пользователя даже после обновления страницы. Я добавил уникальный идентификатор каждый элемент html на странице. После выбора пользователя я сохраняю идентификатор anchorNode, focusNode и смещения. Затем я хочу восстановить выбор, используя классы Range и Selection. Проблема: Например, если у

<div id="u1">hello <i id="u2">italic</i> word!</div> 

И выбранный LLO наклонного вра пользователя, anchorOffset будет 2, focusOffset будет 3, потому что у нас есть 3 текстовых узлов внутри от дел. Итак, как определить текстовые узлы? У меня будет идентификатор u1 (родительский идентификатор), но как узнать, к какому текстовому узлу относится смещение? Благодарю.

Answer 1

Вы можете использовать Serializer module из моей библиотеки Rangy или подход, который он использует, что объясняется в документации. Он немного похож на XPath.

Answer 2

Мы можем определить позицию, если текст узла в родительском сНу selectedText - экземпляр Calss Selection

var selectedStartNodeText = selectedText.anchorNode.textContent; 
var startTextNodeId = 0; 
$.each(selectedText.anchorNode.parentNode.childNodes, function(i, n){ 
     if(n.textContent == selectedStartNodeText) { 
       startTextNodeId = i; 
     } 
});