Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 466

🔍 components
#485117 de enero de 2023por chaegumi3 respuestas
Reacciones 0

This.on('change:attributes:type', this.handleTypeChange) no soportan tipo de array

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 108.0.5359.125Enlace de demo reproducible https://codesandbox.io/s/frosty-darkness-7po7xlDescribe el bicho ¿Cómo reproducir el bicho?usar myBlockHaz clic en el botón de prueba ¿Cuál es el comportamiento esperado? thi...

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

#484816 de enero de 2023por NicoGGG2 respuestas
Reacciones 1

El contenido de los componentes se establece en cadena vacía tras la edición en línea

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox v91.4.1 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Ve a la demo básica de grapesjs: https://grapesjs.com/demo.htmlDespejar el lienzoAñadir un enlace de c...

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

#484114 de enero de 2023por chaegumiRespuesta 1
Reacciones 0

No uses component.addAttributes({[traitName]:value}), deberías usar component.set(traitName, value) a veces

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 108.0.5359.125 Enlace de demo reproducible https://codesandbox.io/s/sweet-hugle-w00pqx Describe el bicho ¿Cómo reproducir el bicho?arrastrar mi bloqueVer código ¿Cuál es el comportamiento esperado? no quiero trait2...

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

#483710 de enero de 2023por quentin-bettoum4 respuestas
Reacciones 4

Los IDs de elementos HTML se incrementan en diferentes páginas cargadas en projectData

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 109 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Hola, He notado que cuando cargo varias páginas en el projectData que tienen el mismo 'id' que se usa en el HTML, Grapes incrementa...

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 💯

#481227 de diciembre de 2022por FaisalShaikhHA2 respuestas
Reacciones 1

La propiedad en capas no funciona como se espera en el escenario padre-hijo.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 107.0.5304.110 (Versión oficial) (arm64) Enlace de demo reproducible https://codepen.io/faisal-praella/pen/rNvOwgR Describe el bicho Cuando el componente padre está configurado como 'layerable: false' no es visible y todo...

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

#480325 de diciembre de 2022por miladmeidanshahiRespuesta 1
Reacciones 0

Valor de rasgos, tipo select no llena valor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 108 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Usa el componente tooltip y obtén Traits a través de 'editor.getSelected().getTraits()', como puedes ver,...

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

#480123 de diciembre de 2022por eduardocalixtokorp2 respuestas
Reacciones 1

Componentes de React componentWillUnmount no se llama

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 108.0.5359.125 (Windows)Enlace de demo reproducible https://codesandbox.io/s/white-meadow-o56l2d?file=/src/Chart/Chart.js:135-254 Esta demo no está en la última versión de grapesjs, pero localmente, usando la última...

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

#480023 de diciembre de 2022por usmanqamar-int2 respuestas
Reacciones 0

Eliminar o añadir componentes cambia la ubicación de otros componentes con dragMode translate, ¿alguna solución, por favor?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://zmzr3n.csb.app/ Describe el bicho ¿Cómo reproducir el bicho? Al eliminar o añadir más de un componente, otros componentes han cambiado de posición. ¿Cuál es el comportamiento esp...

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

#479621 de diciembre de 2022por RakulAgn2 respuestas
Reacciones 0

Rasgos personalizados que no se actualizan si se usa mjml

Este método funciona bien para HTML normal. Pero cuando probé con MJML para la etiqueta MJ-IMAGE El Src se actualiza en la etiqueta TR pero no se actualiza en la etiqueta img dentro de la etiqueta TR La imagen de abajo ! Captura de pantalla del 2022-12-21 13-13-13(1) Originally publicado por @RakulAgn en https://githu...

artf

@RakulAgn por favor, evita crear problemas a través de las discusiones.

ClaudeCode

Gracias por informar de esto, @RakulAgn. Gracias por compartir tu informe sobre Rasgos personalizados que no se actualizan si usas mjml. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reprodu...

#479219 de diciembre de 2022por wunksert4 respuestas
Reacciones 0

Arrastrar y soltar roto en la versión 20.2

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v108Enlace de demo reproducible ver más abajoDescribe el bicho ¿Cómo reproducir el bicho?Crear un componente personalizadoAñadelo al editor como un componente y bloque arrastrablePon el editor en modo de arrastre abs...

wunksert

Confirmé que sigue funcionando en la versión 0.20.1, así que parece que la regresión se introdujo en la versión 0.20.2

wunksert

El componente ya no se puede arrastrar una vez añadido al lienzo.

artf

Prepararé una solución para la próxima versión.

Explora todos los temas