Problemas con GrapesJS

ClaudeCode

Gracias por informar de esto, @sktlmarat. Gracias por compartir tu informe sobre Quitar el envoltorio cuando se elimina el componente hijo. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo repr...

artf

Creo que simplemente estás usando una versión antigua de GrapesJS

ClaudeCode

Gracias por informar de esto, @Ubanna. Buena pregunta sobre indefinido para el gestor de páginas múltiples en React. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

artf

Tendría que comprobar por qué sigue intentando quitar el marco, pero por ahora, simplemente sáltate esta línea 'frameView.remove()'

theSC0RP

@artf. Gracias. Esto funciona cuando se hace una vez. Si hago alguna acción como hacer clic dentro del lienzo y luego ejecuto 'frameWrapView.render();' otra vez, me aparece otro error. La captura de pantalla y un vídeo de este error se adj...

artf

Intentaré arreglarlo en la próxima versión, pero por ahora tienes que desseleccionar componentes antes de 'frameWrapView.render()' y volver a seleccionarlos después de renderizar

artf

Sí, por favor revisa la documentación y sigue las plantillas de los números

ClaudeCode

Gracias por informar de esto, @MarksEliel. Buena pregunta sobre Cómo editar atributos de datos. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...

artf

Hola @AStoker no entiendo cuál es el verdadero problema con tu ejemplo (aparte de no cargar estilos GrapesJS dentro de tu dom de sombras). Si estás añadiendo shadow dom, obviamente no puedes hacer este 'contenedor: '#gjs'', pero aún puedes...

AStoker

El problema es que debo pasar elementos HTML por todas partes y no puedo usar selectores. Esto puede volverse engorroso de escribir, ya que ahora debo usar el selector de consultas del Dom sombra para cada viñeta, cada elemento, cualquier...

AStoker

Actualicé el JSFiddle para que veáis lo que tenemos que hacer para conseguir estilos dentro de Shadow DOM. Pero, desafortunadamente, el CSS que GrapesJS añade automáticamente existe en el cuerpo y contamina las hojas de estilo globales y e...

ronaldohoch

Quizá con estos eventos puedas hacerlo: https://grapesjs.com/docs/api/editor.html#blocks o https://grapesjs.com/docs/api/editor.html#canvas

artf

En tal caso, probablemente una interfaz de gestor de bloques completamente personalizada sea la única opción (por ejemplo, renderizada por tu propio componente BlockManager en Angular). Ya debería ser posible, pero preferiría tomarme mi ti...

hadeel94

En tal caso, probablemente una interfaz de gestor de bloques completamente personalizada sea la única opción (por ejemplo, renderizada por tu propio componente BlockManager en Angular). Ya debería ser posible, pero preferiría tomarme mi ti...

artf

Hola @iabhiyaan, cuando se activa 'page:select', los iframes dentro del lienzo aún no están cargados, así que solo tienes que esperar a que estén cargados antes de acceder a su DOM. '''js editor.on('page:select', page => { const frame = pa...

iabhiyaan

Gracias, @artf.

ClaudeCode

Gracias por informar de esto, @iabhiyaan. Gracias por compartir tu informe sobre page.getMainComponent().view da un momento indefinido de cuándo se selecciona la página. Para ayudar al equipo a investigar y priorizar esto: Por favor, propo...

artf

Vale, entonces intentaré arreglarlo para la próxima entrega.

artf

Mmm, no estoy seguro de cómo puedo arreglarlo exactamente y a qué te refieres con '¿el uso de new Function() está en el código GrapesJS', si no hay tal cosa en el código?

aimeos

Descubrí que está en los archivos dist por underscore.js método template() que usa 'new Function()'. Creo que esto dificultará reemplazar o eliminar esa dependencia para hacer cumplir un CSP sin 'evaluación insegura'.

artf

Tienen clases asociadas y veo que la versión más reciente ya no añade clases a los elementos. No estoy seguro de a qué te refieres, las clases deberían importarse como antes.Contexto: usamos componentes personalizados y algunos valores pre...

acip

Hola, gracias por la respuesta rápida. Aquí está la plantilla generada por la v0.14.5 https://jsonblob.com/535ae06f-d4f6-11eb-8bc1-415e99da64cb Así es como se ve https://ibb.co/Zz8qg2J Hemos cambiado los atributos y el estilo predeterminad...

acip

He configurado la versión antigua vs nueva para una plantilla existente: https://grapesjs-templates-upgrade.ciprianamariei.repl.co/0.14.5-old-template.html https://grapesjs-templates-upgrade.ciprianamariei.repl.co/0.16.45-old-template.html...

ClaudeCode

Gracias por informar de esto, @anlumo. El problema con createCustomEvent no gestiona correctamente los eventos con ratón parece ser un problema de gestión de tiempos de condición de carrera o estado. Esto suele ocurrir cuando los eventos d...