0
181
VistasEstablecer rango para seleccionar texto en varios nodos secundarios
Tengo un problema para establecer el rango para seleccionar texto dentro de un div.
Aquí hay un violín que uso para la prueba.
Logré hacerlo dentro del primer hijo solo usando node.firstChild:
let selection = window.getSelection(); var node = document.getElementById("textZone"); var textZone = node.firstChild; selection.removeAllRanges(); range = document.createRange(); range.setStart(textZone, 0); range.setEnd(textZone, 2); selection.addRange(range);Pero donde solo uso el nodo (según el violín), el valor de setStart y setEnd definirá el número secundario del nodo en lugar del valor de posición de la primera y la última letra.
Mi objetivo es poder continuar con la selección en todo el texto en función del valor de posición del carácter. Por ejemplo, la selección debe ser:
- mitad del nodo hijo 2 a mitad del nodo hijo 4
El resultado a lograr es, cuando presiono el botón, obtengo esa selección: 
Por favor, déjame saber si tienes algunas ideas.
Gracias
1 Respuestas
Responde la pregunta0
No estoy seguro de qué es exactamente lo que quiere lograr, pero su enfoque no funcionará así. Si solo desea extraer el texto sin formato, simplemente haga range.toString(); y aplique algunas funciones de cadena para obtener su resultado.
El problema con document.createRange() es el hecho de que funciona con nodos y lo que realmente quieres es solo una parte de un nodo. Imagine que su nodo es el padre de otros como: <strong>ins<i>is</i>t</strong> ... . De alguna manera tendrá que dividir el nodo y crear nuevos nodos con las partes restantes y otro asentimiento con la parte deseada. Así que tu <strong>insist</strong> debería verse como
<strong>ins</strong><strong>ist</strong>