Problemas con GrapesJS

GJS Helper

El problema que estás experimentando con los puntos de lista/viñetas que no se insangran automáticamente en el RTE de ProseMirror GrapesJS es un problema común de estilo, no un error funcional con el manejo básico de listas de ProseMirror....

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

El problema que estás experimentando con preventDefault() no funciona para Ctrl+S y Ctrl+Shift+S en Microsoft Edge cuando el lienzo GrapesJS está enfocado es un reto común relacionado con cómo los navegadores gestionan eventos de teclado d...

derikb

Por si sirve de algo, usé la página de demostración como enlace reproducible, aunque esa página no usa la versión más reciente de grapesjs. Mi código local está usando la versión reciente y muestra el mismo problema.

derikb

Vale, entiendo por qué está pasando. Porque el modal y su entorno son todos un elemento que tiene los eventos asociados, así que un mousedown, arrastrar, mouseup sigue tratándose como clic porque todo está sobre el mismo elemento. Event.ta...

GJS Helper

Gracias por informar de esto, @derikb. Buena pregunta sobre los modales que cierran al acercarse fuera del modal en lugar de un clic completo. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Con...

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...

padcom

Resulta que el segundo parámetro no siempre es el componente sino el emisor del evento, lo que significa que a veces es la colección de componentes que obviamente no tiene el método 'closestType()'. ¡Gracias @artf por explicármelo!

GJS Helper

Parece que puede haber un pequeño malentendido respecto al uso de component.closestType(). Después de revisar los pasos de reproducción y el código proporcionados, component.closestType efectivamente es una función en el objeto component p...

lexoyo

Supongo que es el ¿igual que este bug también?

pierodetomi

No creo que sea el mismo problema. En la que enlazaste, los elementos desaparecen, mientras que en mi caso el Gestor de Capas acaba en un estado en el que ya no puedes mover una capa. Podrían estar relacionados a un nivel superior como "pr...

GJS Helper

Este es un problema conocido en GrapesJS relacionado con cómo las instancias internas del Clasificador (usadas para arrastrar y soltar tanto en el Gestor de Capas como en el Canvas) mantienen su estado tras operaciones complejas de reorden...

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...

artf

Gracias por el informe. Esto debería haberse arreglado aquí https://github.com/GrapesJS/grapesjs/pull/6672

yvoroniak-infusemedia

Por ejemplo: #ff000077 (rojo transparente) se está convirtiendo en #000077 (tono de azul). I tried monkey patch it but seems like internaly grapes js uses its own implementation not the one bound to window. (unfortunately for me) Estaría b...

GJS Helper

El problema que has identificado respecto a la GrapesJS ColorPicker que tiene dificultades con conversiones de color adecuadas, específicamente de HEXA a RGBA, y tu observación sobre el posible soporte antiguo para ARGB, apunta a un malent...