Issue #1922💬 RespondidoAbierto el 26 de marzo de 2019por sakshigarg9Reacciones 0

InnerText/textContent no funciona en el modelo

Respuesta rápidapor sakshigarg9

Usé una función setTimeout, trabajé con mdel.getEl().innerText me di cuenta de que hay un retraso

Lee la respuesta completa abajo ↓

Pregunta

Estoy usando 'model.view.el.innerText' para capturar el texto interno del componente en uso cuando actualizo/cambio el texto usando un evento, pero devuelve una cadena vacía (idealmente debería devolver el texto actualizado), aunque si uso 'model.view.el.tagName' o 'model.view.el.id' da la salida deseada (h2 y trial respectivamente). También probé a usar 'model.view.el.textContent' pero sigue devolviendo una cadena vacía.

Si deshago la actualización en texto, 'model.view.el.innerText' me da el texto original (Account Sign In). Por tanto, creo que el RTE cambia/actualiza el texto de forma diferente, lo que no se procesa perfectamente en el elemento, por eso 'model.view.el.innerText' devuelve una cadena vacía.

Mi componente es así:

'<h2 id="trial" data-gjs-removable="false" data-gjs-draggable="false" data-gjs-droppable="false" data-gjs-stylable="false" data-gjs-highlightable="false" data-gjs-copyable="false" data-gjs-resizable="false" data-gjs-badgable="false" fa-arrow-up="false" data-gjs-toolbar="false">Inicio de sesión de cuenta</h2>'

Mi evento es así:


Seguimiento del cambio de texto
    editor.on('component:update:content', model => {
    console.log('Nuevo contenido', model.view.el.textContent);
    
})

Respuestas (2)

sakshigarg927 de marzo de 2019

Usé una función setTimeout, trabajé con mdel.getEl().innerText me di cuenta de que hay un retraso

lock[bot]27 de marzo de 2020

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.