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
#52743 de agosto de 2023por wunksert4 respuestas
Reacciones 1

Error de análisis dentro de Remix

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v114 Enlace de demo reproducible https://github.com/wunksert/remix-grapes-error/tree/main Describe el bicho ¿Cómo reproducir el bicho?Clonar repositorio arribaNMP INPM run dev Verás que el iframe y el boilerplate d...

artf

@wunksert parece que el editor se inicializa consigo mismo varias veces, ¿estás borrando correctamente la instancia del editor con destroy (por ejemplo, en tu useEffect)?

wunksert

Puede que la solución se solucione más sencillamente editando la estructura o las convenciones de nombres en mi proyecto. Encantado de hacerlo si es más rápido que cambiar algo en GrapesJS Core.

artf

Sí, definitivamente no tiene nada que ver con el núcleo

#52682 de agosto de 2023por SLain1233 respuestas
Reacciones 0

La reproducción automática para YouTube o Vimeo no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v115 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar un componente de vídeo en el lienzo.Selecciona YouTube o Vimeo y añade el ID del vídeo....

SLain123

Puedo arreglar el error yo mismo, pero no puedo hacer push de mi branch con fix to repositorio. Parece que no tengo permiso para hacer push o crear una nueva rama.

artf

@SLain123 tienes que crear un récord personal desde tu fork https://stackoverflow.com/questions/38918942/pull-request-from-a-different-repository

ClaudeCode

Gracias por informar de esto, @SLain123. Buena pregunta sobre la reproducción automática para YouTube o Vimeo no funciona. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

#526328 de julio de 2023por pittleCheung4 respuestas
Reacciones 3

¿Eliminar un componente sin eliminar su estilo correspondiente, añadiendo nuevos componentes más adelante causará conflictos de estilo?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible null Describe el bicho ¿Cómo reproducir el bicho? <img width="1666" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/114127651/c37e339a-e14f-486b-85fb-34c17...

pittleCheung

Sí, tienes razón, copio todos los estilos coincididos, así que puedo pegar en cualquier sitio, incluso pegar entre navegadores, me resulta extremadamente útil. Cuando borro un componente, no elimina los estilos correspondientes. Esto es un...

pittleCheung

Sigue siendo un problema

artf

No veo cómo esto es un error principal. Estás usando tu propia lógica de copiar/pegar y ni siquiera parece correcta, deberías ocuparte de los IDs únicos de cada componente/regla.Tras eliminar estos componentes hijos, sus estilos siguen pre...

#524516 de julio de 2023por riteshdalal4 respuestas
Reacciones 0

El contenido de component con editable:false sigue siendo editable

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 114.0.5735.198 Enlace de demo reproducible https://jsfiddle.net/riteshdalal/obnx7sg3/22/ Describe el bicho ¿Cómo reproducir el bicho?Crear un componente con editable:false en el modeloDeja caer el componente sobre...

artf

La propiedad 'editable' no tiene significado por defecto y solo se usa internamente por otros componentes extendidos como 'Texto' o 'Imagen'

riteshdalal

@artf cómo creamos un componente que GJS no analize a los hijos.

riteshdalal

La propiedad 'editable' no tiene significado por defecto y solo se usa internamente por otros componentes extendidos como 'Texto' o 'Imagen' Esto solía funcionar en versiones antiguas de GJS. Simplemente dejé de funcionar en la 0.21.3

#524114 de julio de 2023por hanzuken2 respuestas
Reacciones 0

La posición absoluta del elemento es diferente de la posición del cursor al moverse en el lienzo ampliado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 114.0.5735.199 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Activar el modo de arrastre absoluto 'editor.editor.set('...

artf

Aquí se siguen los problemas relacionados con el modo Absoluto https://github.com/GrapesJS/grapesjs/issues/3770

ClaudeCode

Gracias por informar de esto, @hanzuken. Buena pregunta sobre La posición absoluta del elemento es diferente de la posición del cursor al moverse en el lienzo ampliado. El enfoque recomendado con Canvas es usar la API orientada a eventos....

#523611 de julio de 2023por joukhar2 respuestas
Reacciones 0

Textnode con contenido "null" se representa como "null", no como espacio en blanco

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 114.0.5735.199 (Versión oficial) (64 bits)Enlace de demo reproducible N/ADescribe el bicho Siento abrir el problema otra vez, pero tus commits no funcionan Instalé la versión de desarrollo usando 'npm inst...

artf

@joukhar 'npm install GrapesJS/grapesjs#dev' no es suficiente, aún no he creado la compilación en la rama de desarrollo, así que si quieres la solución localmente tienes que construirla tú mismo primero. De todas formas, no es necesario cr...

ClaudeCode

Gracias por informar de esto, @joukhar. El problema con node de texto cuyo contenido es "nulo" que se representa como "nulo" y no como espacio en blanco parece ser una condición de raza o un problema de sincronización de gestión de estado....

#523211 de julio de 2023por bgrand-ch4 respuestas
Reacciones 5

Trabajador - Sin interfaz de texto "documento no está definido"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 114.0.5735.133 Enlace de demo reproducible Es imposible añadir una obrera para reproducirse. Describe el bicho ¿Cómo reproducir el bicho?Añadir un trabajador web.Inicializar GrapesJS con la opción "headless" dentro del tr...

artf

Hola @bgrand-ch, desafortunadamente todo lo que involucra el analizador (HTML/CSS) requiere que la API relacionada con el DOM esté disponible. Para el CSS quizá puedas probar a usar parser-postcss plugin, esperaría que funcione en el entor...

bgrand-ch

Hola @artf, muchas gracias por tu respuesta 😄 rápida, lo intentaré esta semana.

bgrand-ch

@artf El plugin de analizador CSS de Post funciona perfectamente en un web worker! Gracias por tu ayuda.

#522910 de julio de 2023por joukhar4 respuestas
Reacciones 1

Textnode con contenido "null" se representa como "null", no como espacio en blanco

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 114.0.5735.199 (Versión oficial) (64 bits)Enlace de demo reproducible N/ADescribe el bicho ¿Cómo reproducir el bicho?Suelta este componente '<clase div=\"Flex objetos-centro redondeado sombra-md desbordami...

artf

Probablemente en la primera semana de agosto

artf

Hola @joukhar ¿está pasando con la última versión? Puedo ver 'null' en el código de exportación si uso tu ejemplo exacto de JSON (eso debería solucionarse), pero no puedo generar esos 'textnode' con 'null' usando tu ejemplo HTML, ¿puedes c...

joukhar

Gracias por la repetición, si necesitas una demo así que dadme tiempo hasta que la haga, comentaré de nuevo cuando la termine El problema solo ocurre cuando lo guardas y cargas, pero cuando dejas caer el componente por primera vez no pasa...

#52112 de julio de 2023por Zafermushtaha973 respuestas
Reacciones 1

Bug

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? v9.2 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho Lo estoy usando en el proyecto vue3 Cuando quiero añadir nuevos componentes, la página se queda colgada y no responde Este es mi código: Cód...

gxanshu

¡Hola! 😊 No creo que esto sea un error de GrapesJS. He revisado tu enlace de reproducción e intenté añadir un componente al lienzo, y me funcionó perfectamente sin problemas. 👍

artf

Tienes que saltarte los observadores Proxy de Vue https://github.com/GrapesJS/grapesjs/issues/4497#issuecomment-1213078160

ClaudeCode

Gracias por informar de esto, @Zafermushtaha97. El problema con el bug parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y l...

#520728 de junio de 2023por gxanshu3 respuestas
Reacciones 1

CSS duplicado durante la creación de varias páginas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible https://codesandbox.io/s/withered-bush-wv29dx?file=/index.js Describe el bicho ¿Cómo reproducir el bicho?... Crea varias páginas en grapesjs.init()... Revisa los estilo...

artf

Esto es intencionado y no planeo cambiar este comportamiento, ya que puedes crear selectores CSS específicos si necesitas estilos diferentes por página. El gran beneficio de este enfoque es permitir reutilizar selectores entre páginas.

hasan-aa

Creo que estoy teniendo un problema con este enfoque. Estoy guardando las páginas en el servidor así: '''JS const component = page.getMainComponent(); const css = editor.getCss({ component, avoidProtected: true }) saveToBackendApi(componen...

ClaudeCode

Gracias por informar de esto, @gxanshu. Buena pregunta sobre CSS duplicado durante la creación de varias páginas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

Explora todos los temas