InnerText/textContent no funciona en el modelo
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)
Usé una función setTimeout, trabajé con mdel.getEl().innerText me di cuenta de que hay un retraso
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.
Issue #1929
Carga el gestor de activos, pero los activos no funcionan
Estoy usando el icono del lápiz para activar el gestor de activos. El disparador funciona bien, pero cuando hago clic en cualquiera de las...
Issue #460
Cuando la vista del componente modifica el HTML, los componentes de texto ya no son editables
Estoy intentando crear un componente personalizado que contenga algo de texto lorem ipsum en el contenido, para editarlo una vez que esté e...
Issue #1414
[PREGUNTA] Evento de "primer renderizado" del componente
Hola. Estoy desarrollando un plugin para gráficos usando chart.js. Necesito mantener el modelo del gráfico dentro del componente generado p...
Issue #1327
[PREGUNTAS] Reemplazando texto seleccionado y obteniendo HTML
¡Hola! Estoy intentando reemplazar el texto seleccionado por un código (código aleatorio). Funciona, puedo ver el código, pero cuando lo ha...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.