Issue #573💬 RespondidoAbierto el 26 de noviembre de 2017por NorthstarTechReacciones 1

Texto en posición específica en RichTextEditor

Respuesta rápidapor ryandeba1

Hola @NorthstarTech, ¿Puedes explicar qué quieres decir con "posición específica del cursor"? ¿Es ese el principio/final de la selección? ¿O la posición objetivo es más dinámica? Un ejemplo de código que muestre lo que tienes hasta ahora (obviamente está bien que no vaya a ser completamente funcional ya que preguntas...

Lee la respuesta completa abajo ↓

Pregunta

¿Cómo añadir el texto en una posición específica del cursor en RichTextEditor? ¿Algún código de ejemplo? Necesito urgentemente Gracias,

Respuestas (3)

ryandeba28 de noviembre de 2017

Hola @NorthstarTech,

¿Puedes explicar qué quieres decir con "posición específica del cursor"? ¿Es ese el principio/final de la selección? ¿O la posición objetivo es más dinámica? Un ejemplo de código que muestre lo que tienes hasta ahora (obviamente está bien que no vaya a ser completamente funcional ya que preguntas cómo añadir alguna funcionalidad) o una descripción más completa de lo que quieres me ayudaría.

Por lo que he visto, el RichTexteditor depende de APIs contenteditables/selección del navegador para insertar contenido en posiciones/rangos específicos, así que creo que deberías empezar por ahí. Echa un vistazo a la función 'resultante' en la acción 'enlace' del objeto RichTextEditor (línea 40: https://github.com/artf/grapesjs/blob/688faaaa2a5be891545a45c086a735571d1fb67a/src/rich_text_editor/model/RichTextEditor.js). Creo que querrás hacer algo similar, pero antes de llamar a 'rte.insertHTML()', deberías modificar el rango seleccionado actualmente para que el contenido se inserte en la ubicación deseada. Creo que puedes acceder a la selección o rango actual a través de 'rte.selection()'.

Aquí tienes algunos enlaces que pueden ser útiles: https://github.com/artf/grapesjs/wiki/API-Rich-Text-Editor#add https://developer.mozilla.org/en-US/docs/Web/API/Selection https://stackoverflow.com/questions/3771824/select-range-in-contenteditable-div

artf30 de noviembre de 2017

Gracias Ryan por la explicación tan detallada, por cierto, creo que esto es lo mismo que el #111, así que casi es una duplicación

lock[bot]18 de septiembre de 2019

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.