Articles of range

¿Cómo establecer el color de fondo para algún texto interno del elemento HTML textarea?

Parece que se seleccionó algún texto, pero el color de fondo no desaparecerá al hacer clic en él o mover el cursor.

Obtener la última palabra ingresada de un contentEditable div

Tengo una etiqueta div con content set en true. Estoy tratando de descubrir la última palabra ingresada en el div. Por ejemplo, si escribo This is a test y llego a un espacio, quiero poder obtener la palabra test Quiero poder utilizar esta lógica para poder probar cada palabra que se escribe (después de presionar […]

Div “contenteditable”: obtener y eliminar la palabra precedente caret

Gracias a esta pregunta y respuesta publicada por Tim Down, realicé una función para obtener la palabra que precede a caret en una div “contenteditable“. Aquí hay un violín , y aquí está la función: function getWordPrecedingCaret (containerEl) { var preceding = “”, sel, range, precedingRange; if (window.getSelection) { sel = window.getSelection(); if (sel.rangeCount > […]

dom range.setStart / setEnd

Estoy tratando de poner en negrita solo el texto hel en este violín http://jsfiddle.net/yarkpakv/ pero parece que no funciona, ¿qué estoy haciendo mal? var range = document.createRange(); var root_node = document.getElementById(“test”); range.setStart(root_node,0); range.setEnd(root_node,3); var newNode = document.createElement(“b”); range.surroundContents(newNode); hello

¿Cómo creo un objeto rango cuando sé solo los desplazamientos del personaje?

Así que tengo un div que contiene un bloque de texto, anteriormente el usuario ha seleccionado un texto en este bloque y he creado un objeto de rango de esta selección. Almacenaba el desplazamiento de los puntos inicial y final del texto seleccionado, pero tengo problemas para volver a crear el rango (para poder manipularlo). […]

Destaque lento en Firefox

Necesitamos agregar anclas y resaltados para algunas palabras clave / oraciones en la página html. Resulta que el resaltado es realmente lento en Firefox. En el siguiente código, todos los rangos que deben resaltarse se almacenan en la matriz hiliteRanges : for (var i = 0; i 0) selHilites.removeAllRanges(); selHilites.addRange(hiliteRanges[i]); var anchorId = ‘index’+i; var […]

contenteditable div retroceso y eliminación de problemas de nodo de texto

Hay tantos problemas con los divs contentos y eliminar contenido editable html y / o no contenido dentro de divs editables. Usando una respuesta del excelente Tim Down aquí: Cómo eliminar un elemento HTML dentro de un div con contenido de atributo ¿Editable? Usando el código de Tim, se elimina todo el nodo de texto. […]

reemplace innerHTML en contenteditable div

Necesito implementar resaltar para los números (en el futuro, añadiré reglas más complejas) en el div satisfactorio. El problema es cuando inserto contenido nuevo con javascript replace, cambios de DOM y satisfacción de div perdida. Lo que necesito es mantener el foco en div con cuidado en la posición actual, para que los usuarios puedan […]