Calcul de la sélection de texte compensations dans les éléments de nid en JavaScript

Vérifiez simplement si votre élément sélectionné est un paragraphe, et si vous n'utilisez pas quelque chose comme l'élément de prototype d'Element.Up () pour sélectionner le premier parent du paragraphe.

Par exemple: P>

if(selected_element.nodeName != 'P') {
  parent_paragraph = $(selected_element).up('p');
}

Qu'est-ce que ce compensé signifie réellement? Un décalage dans le innerhtml code> d'un élément va être extrêmement fragile: toute insertion d'un nouveau nœud ou modifier à un attribut d'un élément précédant le point du document que le décalage représente va faire valoir que Décalseal invalide.

Je recommande vivement d'utiliser la prise en charge intégrée du navigateur pour cela sous la forme de DOM Gamme . Vous pouvez obtenir une gamme de la plage représentant la sélection actuelle comme suit: P>

var range = window.getSelection().getRangeAt(0);

Je pense que j'ai résolu mon problème. J'ai fini par ne pas calculer le décalage comme je l'ai initialement planifié. Je stocke le "chemin" du morceau (aka

code>). Voici le code:

var p = document.getElementsByTagName('p')[0];
var piece = nodeAtPathFromChunk(p, "1/0"); // returns desired node
var path = pathToChunk(piece); // returns "1/0"

Vous pouvez utiliser le code JavaScript suivant:

var text = window.getSelection();
var start = text.anchorOffset;
alert(start);
var end = text.focusOffset - text.anchorOffset;
alert(end);