Añadir scripts en línea y actualizar eventos antiguos

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'
• Reconectar el script en línea

Hacer esto lleva a la pérdida de los eventos incorporados de grapesjs como el hover o la selección de componentes (esto es obvio porque todos los eventos se pierden). ¿Hay alguna forma de volver a conectar estos eventos de uvas? También intenté hacer 'editor'. Canvas.toggleFramesEvents(1)' pero no ayudó.

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é encantado de añadir un oyente para algo como 'frame.trigger('rerender')'. Por ahora te pediría que pruebes algo así '''js Toma la vista real del encuadre const frameView = editor. Canvas.getFrame().view; Una vez que eliminamos el frameView, tenemos que volver a renderizar el fotograma vista envolvente (que contiene diferentes elementos como barras de herramientas y el propio marco). const frameWrapView = frameView.config.frameWrapView; Ahora, elimina el frameView y vuelve a renderizar el envoltorio frameView.remove(); frameWrapView.render();

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í:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));

**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!