Adding inline scripts and updating old events
Intenté actualizar el script en línea siguiendo los siguientes pasos: Obtener el documento del iframe: iframeDoc = editor.Canvas.getDocument() Obtener el innerHTML del cuerpo del documento: iframeDocBodyHtml = iframeDoc.body.innerHTML Sustituir el innerHTML del cuerpo: iframeDoc.body.innerHTML = iframeDocBodyHtml Reco...
Lee la respuesta completa abajo ↓Pregunta
En ese caso, te sugiero que accedas al documento del iframe y añadas manualmente el script en línea (para conseguir el documento usa 'editor. Canvas.getDocument()') Originally publicado por @artf en https://github.com/artf/grapesjs/issues/2012#issuecomment-496304498 Hola, @artf, estaba pasando por el número #2012 y tengo una duda. Si se hace un cambio en el script, por ejemplo, un cambio en la alerta, haz clic en el mensaje de alerta. Luego se añaden varios eventos. Cómo eliminar los eventos antiguos y añadir otros nuevos (sin guardar ni recargar). Una forma es actualizar el iframe, pero eso...
Respuestas (4)
Intenté actualizar el script en línea siguiendo los siguientes pasos: Obtener el documento del iframe: iframeDoc = editor.Canvas.getDocument() Obtener el innerHTML del cuerpo del documento: iframeDocBodyHtml = iframeDoc.body.innerHTML Sustituir el innerHTML del cuerpo: iframeDoc.body.innerHTML = if...
Intenté añadir los eventos select y hover ejecutando el comando 'component-select' escribiendo 'editor.trigger('core:component-select')', pero tampoco ayudó y hacer 'editor.runCommand(''core:component-select')' da un error. ¿Me estoy perdiendo de algo?
Bueno, creo que no estaría mal añadir una forma fácil de forzar el rerenderizado del iframe (no es un caso común, pero seguro que podría ser útil en algunos casos). Por desgracia, ahora mismo deberías intentar usar métodos privados y comprobar si todo funciona como esperas; si lo confirmas, estaré...
Gracias por informar de esto, @theSC0RP. Buena pregunta sobre añadir scripts en línea y actualizar eventos antiguos. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente de evento...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3252
Does getHtml() remove the inline style property?
Estaba trasteando con formas de cambiar el estilo de los elementos dentro del lienzo y me di cuenta de que al usar el rasgo color-selecter...
Issue #3337
Pregunta: Usa las flechas para mover bloques en el lienzo configurado en modo de posicionamiento absoluto
Hola, estoy creando una solución para que los estudiantes cuenten sus experiencias en el instituto como diapositivas hechas desde el editor...
Issue #5164
Por defecto, los componentes se crean usando tabla en mi proyecto de demostración, pero la demo usa la propiedad flex para crear componentes
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 112.0.5615.49 (Versión oficial) (...
Issue #3579
RTE se pierde al abrirse justo después de soltar el componente 'activeOnRender'
Versión: 0.17.4 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Pasos para reproducir:Ir a la demoColocar un bloque de "Texto" dentro d...
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
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
Tutorial
GJS.Market Is Now Available for India 🇮🇳
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
Tutorial
Cómo construir un creador de páginas impulsado por IA con GrapesJS en 2026
Lo que aprendimos construyendo GJSDocs — desde la simple generación de texto con IA hasta la edición visual estructurada y consciente del contexto
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.