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 743

🔍 bug
#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...

#519923 de junio de 2023por rmadeiraneto3 respuestas
Reacciones 0

Cambios en los atributos de los componentes que se reproducen en todas las instancias en lugar de solo en una

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://jsfiddle.net/rmadeiraneto/t659usxv/39/ Describe el bicho ¿Cómo reproducir el bicho?Ve a la lista de bloques y arrastra el componente personalizado "ejemplo" al lienzoTres el...

artf

Gracias @rmadeiraneto por el informe. Sí, desafortunadamente eso es un problema si estás mutando las propiedades de los arrays/objetos de esa manera y para evitarlo tienes dos opciones:Evita mutaciones directas (asigna nuevas referencias c...

rmadeiraneto

@artf usar los valores predeterminados como función funciona, gracias por responder rápido y por ofrecer la solución alternativa a este problema. Sobre la primera sugerencia, creo que no se trata de que las personas muteen o no el objeto,...

ClaudeCode

Gracias por informar de esto, @rmadeiraneto. ¡Gran sugerencia sobre Cambios en los atributos de los componentes que se reproducen en todas las instancias en lugar de solo una! Aunque esta función específica aún no está en la API principal,...

#518414 de junio de 2023por acantepie2 respuestas
Reacciones 1

La barra de herramientas de componentes del ckeditor no se actualiza correctamente

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 113.0.5672.126 (Versión oficial) (64 bits)Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.htmlDescribe el bicho ¿Cómo reproducir el bicho?Entra en la web de demostración: https://grapesjs.com...

artf

Gracias @acantepie por favor abre el problema en el repositorio adecuado, ya que este no está relacionado con el núcleo

ClaudeCode

Gracias por informar de esto, @acantepie. Buena pregunta sobre La barra de herramientas de componentes del ckeditor no se actualiza correctamente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Co...

#517510 de junio de 2023por krishnaeverestengineering4 respuestas
Reacciones 0

El método de movimiento no funciona como se espera

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codesandbox.io/s/adoring-margulis-873kdv Describe el bicho Contexto El método de mover componentes no funciona como se esperaba. Este fragmento de código no funciona como se espe...

krishnaeverestengineering

Solución para este problema: https://github.com/GrapesJS/grapesjs/pull/5176

artf

Gracias @krishnaeverestengineering pero este es en realidad el comportamiento esperado para mover el componente dentro del mismo padre. Esto se debe a que el 'at' también debe tener en cuenta el índice del propio componente. Así que, si in...

krishnaeverestengineering

Gracias @krishnaeverestengineering pero este es en realidad el comportamiento esperado para mover el componente dentro del mismo padre. Esto se debe a que el 'at' también debe tener en cuenta el índice del propio componente. Así que, si in...

#51749 de junio de 2023por tomsleeter3 respuestas
Reacciones 0

GrapeJS.com página principal de malware de redirección hackeada / encadenada

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 114.0.5735.110 (Versión oficial) (64 bits)Enlace de demo reproducible 'https://grapejs.com' *EDITO: Este sitio / dominio sirve malware, le falta la "s" en el dominio real de grapesjs.comDescribe el bicho Al visitar g...

tomsleeter

Esto es intermitente, ahora me está saliendo grapejs.com página principal como era de esperar

tomsleeter

Vale, este fue mi error, escribí mal la URL / el nombre de dominio, y me faltaba la "s" en grapesjs.com. Visitar URL grapejs.com es una dirección falsa con un montón de malware y ventanas emergentes Creo que el dominio incorrecto redirige...

ClaudeCode

Gracias por informar de esto, @tomsleeter. El problema con GrapeJS.com malware de redirección hackeada o encadenada en la página principal parece ser una condición de carrera o un problema de gestión de estado en el tiempo. Esto suele ocur...

#51739 de junio de 2023por FaisalShaikhHA3 respuestas
Reacciones 1

Editor. La API de Css.setRule no funciona como se espera, no está actualizando la regla existente.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 112.0.5615.137 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/yhj6qa1u/6/ Describe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente y añadir algo de estilo usando el Gestor...

artf

Hola @FaisalShaikhHA este es un comportamiento esperado, pero supongo que la documentación de 'setRule' es un poco engañosa. La regla en realidad se actualiza (no crea una nueva con el mismo selector), pero los estilos simplemente se reemp...

FaisalShaikhHA

Gracias @artf por la aclaración

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. Buena pregunta sobre editor. La API de Css.setRule no funciona como se esperaba, no está actualizando la regla existente.. El enfoque recomendado con StyleManager es usar la API orientada a ev...

#51676 de junio de 2023por KevenDvorianoff2 respuestas
Reacciones 0

UsePlugin no es una función

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? TodosEnlace de demo reproducible NingunoDescribe el bicho Siguiendo la documentación sobre cómo crear un plugin usando typescript y usando la función "usePlugin" para importar el plugin al editor, el navegador muestra el si...

sneddobuilds

Me pasa lo mismo.

ClaudeCode

Gracias por informar de esto, @KevenDvorianoff. El error TypeError: g.usePlugin no es una función ocurre cuando el módulo intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es u...

#51646 de junio de 2023por shomeel2 respuestas
Reacciones 0

Por defecto, los componentes se crean usando tabla en mi proyecto de demostración, pero la demo usa la propiedad flex para crear componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 112.0.5615.49 (Versión oficial) (x86_64) Enlace de demo reproducible https://jsfiddle.net/shomeelconovo/k7L2rthg/1/ Describe el bicho Necesito ayuda con algo relacionado con el grapes.js. He creado un proyecto y c...

artf

https://github.com/GrapesJS/grapesjs/discussions/5163#discussioncomment-6162516

ClaudeCode

Gracias por informar de esto, @shomeel. El problema con Por defecto los componentes se crean usando tabla en mi proyecto demo, pero la demo usa la propiedad flex para crear componentes parece ser un problema de condición de carrera o de si...

#51591 de junio de 2023por CaptSadaf3 respuestas
Reacciones 0

No se pueden añadir marcadores de posición en opciones de campo desplegable de texto con CKEditor activado

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://codepen.io/darrenbawag/pen/JjWBLrpDescribe el bicho ¿Cómo reproducir el bicho?Abre este enlace https://codepen.io/darrenbawag/pen/JjWBLrp e intenta mostrar el desplegable marcador a...

CaptSadaf

cc: @jcamejo @artf

artf

Esas acciones solo están disponibles para el RTE integrado; si lo sustituyes por un RTE personalizado como CKEditor no las ves. Tienes que usar el propio CKEditor para tu lógica personalizada.

ClaudeCode

Gracias por informar de esto, @CaptSadaf. Buena pregunta sobre No se pueden añadir marcadores de posición a opciones desplegables de campos de texto con CKEditor activado. El enfoque recomendado con ProseMirror es usar la API orientada a e...

Explora todos los temas