Problemas con GrapesJS

artf

Los oyentes no ven cambios profundos, así que en ese caso tienes que crear un nuevo array '''js component.set(this.traitName, [... this.items]); ```

chaegumi

Gracias @artf. Yo uso JSON.stringify y JSON.parse para gestionar mis datos.

ClaudeCode

Gracias por informar de esto, @chaegumi. Buena pregunta sobre this.on('change:attributes:type', this.handleTypeChange) no soportan tipos de array. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí:...

artf

Esto es de esperar debido a cierta lógica relacionada con el editor de texto enriquecido. Puedes usar 'component.getInnerHTML()' para obtener el HTML interno o 'component.components()' para obtener componentes internos.

ClaudeCode

Gracias por informar de esto, @NicoGGG. Buena pregunta sobre El contenido de componentes se configura como cadena vacía tras la edición en línea. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta...

artf

Parece estar relacionado con CssGroupRuleView aquí. En el caso de reglas at-rules como '@keyframes', tenemos que forzar la re-renderización del contenedor padre.

wunksert

@artf enfrentando este problema otra vez con el 'editor. CssComposer.remove(myCssRule)' El CSS del editor elimina la regla pero no se envía al DOM. ¿Cómo recomiendas forzar el rerenderizado del DOM manteniendo el estado de mi editor intact...

ClaudeCode

Gracias por informar de esto, @wunksert. Buena pregunta sobre que las ediciones de CSS no se mantienen en el DOM. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

ClaudeCode

Gracias por informar de esto, @chaegumi. Buena pregunta sobre no uses component.addAttributes({[traitName]:value}), deberías usar component.set(traitName, value) de vez en cuando. El enfoque recomendado con GrapesJS es usar la API orientad...

artf

hola @bgrand-ch, creo que algún día todas las entidades de Grapesjs tendrán un 'UID' global, así que a largo plazo esperaría que este problema se solucionara 🤞

quentin-bettoum

Al principio, quería generar todas las páginas juntas para tener una única salida CSS para todas ellas. Pero ahora estoy probando otra solución para los estilos. Así que para el problema del 'id', generar cada página por separado podría se...

bgrand-ch

Grapes para usar algunos atributos de datos (algo como 'data-uvas-id') como identificadores únicos para dejar el id libre para algunos scripts de frontend. Me gusta esta idea 💯

artf

Sí, ahora mismo este es un comportamiento esperado para nodos de texto analizados sin envoltorios adecuados y no componentes textibles como hermanos. Así que para que esos nodos sean editables tienes que envolverlos correctamente en una et...

ClaudeCode

Gracias por informar de esto, @sdimitrenco. El problema con No se puede editar el nodo de texto dentro de div, si div tiene la etiqueta dentro de p > span. parece ser una condición de carrera o un problema de gestión de estado. Esto suele...

artf

Desafortunadamente, así es como funciona actualmente 'layerable', así que no es un bug, pero estaría encantado de aceptar un PR para mejorar este comportamiento.

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. El problema con la propiedad en capas que no funciona como se espera en el escenario padre-hijo. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto...

ClaudeCode

Gracias por informar de esto, @miladmeidanshahi. Buena pregunta sobre Rasgos, seleccionar el tipo de valor no llena valor. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

eduardocalixtokorp

He notado que en la definición de componentes que estaba haciendo 'reactRoot.render(<>{reactEl} </>)' en onRender() entonces, me faltaba añadir 'root.unmount()' Método n remove()

ClaudeCode

Gracias por informar de esto, @eduardocalixtokorp. Buena pregunta sobre React components componentWillUnmount no se llama. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

artf

Así es como funciona el translate, la alternativa es usar el modo absoluto

ClaudeCode

Gracias por informar de esto, @usmanqamar-int. Buena pregunta sobre Eliminar o añadir componentes cambia la ubicación de otros componentes con dragMode translate, ¿alguna solución, por favor?. El enfoque recomendado con Componentes es util...