Problemas con GrapesJS

artf

Similar a https://github.com/GrapesJS/grapesjs/issues/6705 No puedo crear ese tipo de condición de carrera (por ejemplo, seleccionar y eliminar mediante API) y en tu ejemplo estoy comprobando getRoot en un componente, pero no existe tal mé...

saeedhbi

Igual que https://github.com/GrapesJS/grapesjs/issues/6705#issuecomment-3921025039, el problema estaba en nuestra biblioteca externa que usaba GrapeJS y, como tuve la misma situación que el 6705, lo cerraré. Gracias por tu reseña.

GJS Helper

Esta TypeError: e.getRoot is not a function es una condición de carrera conocida dentro del Administrador de Estilos de GrapesJS, especialmente cuando los componentes se seleccionan rápidamente y luego se eliminan. Ocurre porque la lógica...

artf

Por favor, proporciona una demo aislada y reproducible porque parece venir de la lógica de tu código y no está relacionada con el núcleo

GJS Helper

El bloqueo del editor de GrapesJS con un TypeError: Cannot read properties of undefined (reading 'type') al cargar la plantilla es causado por un HTML mal formado dentro del contenido que intentas cargar. Específicamente, ciertos elementos...

GJS Helper

GrapesJS, por su naturaleza como creador web dinámico, depende de la inyección de estilos y la manipulación del DOM, lo que puede llevar a violaciones de la Política de Seguridad de Contenidos (CSP), especialmente con normas muy estrictas...

mdmontesinos

Me estoy enfrentando a un problema similar, donde el componente reañadido tiene la propiedad de estilos correctos: <img width="1112" height="17" alt="Image" src="https://github.com/user-attachments/assets/474011c4-b1be-48df-9aa8-14c3dcdfc6...

artf

@mdmontesinos tu uso no es correcto, los 'estilos' deben definirse en la definición de componentes, y no se espera que cambien. Además, es incorrecto usar IDs para la definición de componentes si se espera que el componente se reutilice, e...

mdmontesinos

@artf estoy usando un ID porque siempre habrá una instancia única de ese componente en mi proyecto. Mi caso de uso es que un componente está diseñado externamente para usarse como "fondo de fondo" y luego importado a proyectos que lo utili...

GJS Helper

Gracias por reportar este problema. Puedo confirmar el error en el que los controles de 'Radio de borde abajo a la izquierda' y 'Radio de borde abajo a la derecha' en el Administrador de Estilos GrapesJS están realmente invertidos, lo que...

GJS Helper

Has identificado con precisión una decisión fundamental de diseño en GrapesJS sobre cómo se manejan los IDs dentro de instancias de símbolos. Este comportamiento, aunque crucial para mantener un HTML válido, presenta desafíos para casos de...

doudou673

Me encontré con el mismo problema.

GJS Helper

El problema que experimentas con enlaces ancla (navegación por hash) que no funcionan en GrapesJS modo de vista previa es un comportamiento común derivado de cómo GrapesJS gestiona las interacciones dentro de su lienzo. En modo edición, Gr...

pierodetomi

Puedo confirmar que veo el mismo problema, y que se debe a que el elemento que desaparece tiene una altura calculada de '0px' (porque usa display: ninguno). Aunque esto es definitivamente un error, como solución temporal puedes evitar usar...

GJS Helper

Esto es, de hecho, un error en la funcionalidad de arrastrar y soltar del panel de Capas de GrapesJS, especialmente al intentar mover componentes que están semánticamente vinculados, como un elemento input con un id y un elemento label con...

lexoyo

Ah, y estaré encantado de contribuir si me dices en qué solución debería centrarme (un comando para reconectar instancias, un método asincrónico para cargar datos de proyectos como hago en Silex, ...) CC @artf

artf

Sí, parece un problema con esa forma de cargar páginas 🤔 No veo ningún problema en mi parte (carga completa del proyecto). ¿Cuál es la razón de cargar páginas de esa manera?

lexoyo

sí, parece que hay un problema con esa forma de cargar páginas 🤔, no veo ningún problema en mi parte (carga completa del proyecto). ¿Cuál es la razón de cargar páginas de esa manera? Así evita bloquear el hilo principal durante demasiado...

NilLlisterri

Entendido, si quiero estilizar algo dentro de un símbolo y compartir los cambios debería añadirle una clase. ¡Gracias a ambos por la ayuda!

lexoyo

Hola Este color se aplica al elemento, en grapesjs esto significa que generará un css como '#compid { color: red; }pero los IDs son únicos en una página HTML, por lo que el otro símbolo tiene un ID diferente A mí también me pasa el problem...

artf

Lo siento, no es un error, sino una "característica" 😅 En mi opinión, los estilos de componentes no deberían estar ligados a símbolos; Es una forma fácil de anular estilos entre símbolos similares (algo común). Si necesitas los mismos est...