Asegúrate de que getHtml() / runCommand("gjs-get-inlined-html") devuelva el contenido más reciente del lienzo
Sí, así es exactamente como funciona. Intentaré comprobar si puedo fusionar el estado temporal antes de obtener los datos HTML
Lee la respuesta completa abajo ↓Pregunta
Hola @artf,
Me encontré con un problema similar, si no el mismo, que este: #1327
Mientras edito un bloque de texto, hago clic en un botón externo para obtener el contenido del lienzo, sin salir del cursor del lienzo.
En este punto, si llamo a getHtml() o runCommand("gjs-get-inlined-html") (mis grapesjs cargados con el plugin Newsletter), ambos comandos devuelven el contenido del lienzo en su estado anterior (= antes de empezar a editar mi bloque) y no en su estado "actual" (es decir, con el texto que estaba escribiendo).
Supongo que esto es intencionado; Se puede reproducir fácilmente en la demo online:
! grapesjs no se actualiza hasta que se desenfoque
Para asegurarme de que grapesjs valida el contenido que estaba escribiendo antes de llamar a getHtml() / runCommand("gjs-get-inlined-html"), igual que cuando haces clic en otra parte del lienzo para activar el evento de desenfoque y actualización del componente, tuve que llamar explícitamente a disableEditing(), así:
'if (editor.getModel().isEditing()) editor.getSelected().view.disableEditing();'
Basado en https://github.com/artf/grapesjs/issues/319#issuecomment-331069138
Por si acaso, ¿podrías simplemente confirmar que es la forma correcta de hacerlo? Y, si es así, ¿podrías añadir este punto en la documentación de la función getHtml()? Podría evitar muchos malentendidos, en mi opinión.
Para que lo sepas, ya estaba al tanto de estos problemas con CKEditor, en los que tienes que llamar a myCkEditorInstance.updateElement() justo antes de myCkEditorInstance.getData(). Por eso supongo que no era un bug ;)
Respuestas (2)
Sí, así es exactamente como funciona. Intentaré comprobar si puedo fusionar el estado temporal antes de obtener los datos HTML
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 #1346
[SOLICITUD DE FUNCIÓN] Unidad por defecto de vista deslizante de propiedades
Hola @artf, Creo que el componente deslizante sería útil desde la perspectiva de la experiencia de usuario para la interacción del usuario...
Issue #418
No se puede reemplazar la imagen si está dentro de un enlace
Hola, Si importas este código dentro del editor: Y hago doble clic en la imagen para cambiarla, cuando elijo una nueva imagen del modal, no...
Issue #394
Texto: Se crea un nuevo div cada vez que pulso enter en lugar de crear un </br>
Hola @artf ¿Hay alguna razón por la que al insertar texto se crea un nuevo div para cada salto en lugar de un estándar </br> ! imagen ¿Es p...
Issue #563
Tabla <thead> y <tbody> etiqueta se omiten
Hola, Hay un nuevo problema con GrapesJS (quizá). He creado un nuevo componente usando 'bm.add()' en el que he usado un elemento de tabla c...
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.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.