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 336

🔍 style-manager
#53728 de septiembre de 2023por uncldrwRespuesta 1
Reacciones 0

No se puede añadir AtRule personalizado (@container, @font-face)

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Windows, Chrome, React Enlace de demo reproducible / Describe el bicho Al intentar añadir una atRules personalizada como @container o @font-face, el CSS se compila consistentemente a @media en su lugar. He probado varios...

ClaudeCode

Gracias por informar de esto, @uncldrw. El problema con No se puede añadir AtRule personalizado (@container, @font-face) parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando lo...

#534630 de agosto de 2023por pittleCheung3 respuestas
Reacciones 0

Eliminar un componente sin eliminar su estilo correspondiente

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://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? <img width="1665" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/114127651/657...

pittleCheung

Idea ampliada de https://github.com/GrapesJS/grapesjs/issues/1855

artf

Aquí se explica cómo crear componentes con estilos relacionados https://grapesjs.com/docs/modules/Components.html#components-css Solo en ese caso, sería seguro que el editor eliminara estilos relacionados.

ClaudeCode

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre Eliminar un componente sin eliminar su estilo correspondiente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la document...

#533926 de agosto de 2023por rozek2 respuestas
Reacciones 0

DragMode:'absolute' se comporta de forma extraña

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 1.56.20 Chromium: 115.0.5790.171 (Versión Offizieller) (arm64)Enlace de demo reproducible ningunoDescribe el bicho Quiero que los componentes en mi editor puedan moverse arrastrando. Tras investigar un poco, descubr...

rozek

Perdón, esto fue un problema mío que se hizo evidente solo en el editor, ¡perdón por molestar!

ClaudeCode

Gracias por informar de esto, @rozek. El problema con dragMode:'absolute' se comporta de forma extraña parece ser un problema de condición de carrera o de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo...

#531918 de agosto de 2023por AFriboulet-ii2 respuestas
Reacciones 0

Deshacer no actualiza la clase en el componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome V116.0.5845.96 Enlace de demo reproducible https://jsfiddle.net/Adrien_Friboulet/npdkshaf/8/ Describe el bicho https://github.com/GrapesJS/grapesjs/assets/128728949/e85b65c4-53ad-43d0-9f5f-74dc0a181dd0 ¿Cómo reprod...

artf

Gracias @AFriboulet-ii, lo arreglaré para la próxima versión.

ClaudeCode

Gracias por informar de esto, @AFriboulet-ii. Buena pregunta sobre Deshacer no actualiza la clase en el componente. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

#529710 de agosto de 2023por FahemAhmad2 respuestas
Reacciones 0

GetJS no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 115.0.5790.171 (Versión oficial) (64 bits)Enlace de demo reproducible https://codesandbox.io/s/1r0w2pk1vl?file=/index.htmlDescribe el bicho ¿Cómo reproducir el bicho?... Añade este tipo de formulario y este bloque d...

artf

El 'getJs' devuelve el JS de tu modelo de componentes (el que colocarías dentro de 'model.defaults.script'), no la vista de componentes. Por favor, lee atentamente Componentes y JS

ClaudeCode

Gracias por informar de esto, @FahemAhmad. Buena pregunta sobre que getJS no funciona. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico...

#529310 de agosto de 2023por craigharman2 respuestas
Reacciones 0

No se puede sobrescribir la clase seleccionada por GJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Arco 1.1.1 Enlace de demo reproducible https://jsfiddle.net/3bprucnv/3/ Describe el bicho ¿Cómo reproducir el bicho? Añadir una regla CSS personalizada para .gjs-selected, por ejemplo, Cambia el color del borde a rojo. .g...

artf

Por favor, consulta https://github.com/GrapesJS/grapesjs/issues/3515

ClaudeCode

Gracias por informar de esto, @craigharman. Buena pregunta sobre No se puede sobrescribir la clase seleccionada por GJS. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#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

#52692 de agosto de 2023por sannilaRespuesta 1
Reacciones 0

El literal del objeto solo puede especificar propiedades conocidas, y 'el' no existe en el tipo 'PanelProps'.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 115.0Enlace de demo reproducible https://jsfiddle.net/varyqjo7/Describe el bicho ¿Cómo reproducir el bicho?Crear un nuevo proyecto Angular (versión 16.1.3)Instalar la última versión de grapesjs (npm i grapesjs)Añadir...

ClaudeCode

Gracias por informar de esto, @sannila. Buena pregunta sobre Object literal que solo especifica propiedades conocidas, y 'el' no existe en el tipo 'PanelProps'.. El enfoque recomendado con StyleManager es usar la API orientada a eventos. E...

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

#524924 de julio de 2023por pittleCheung3 respuestas
Reacciones 0

¿editor?. Css.addRules(targetCss);

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? ¿editor?. Css.addRules(targetCss); ¿Cuál es el comportamiento esperado? ¿editor?. Css.addRules(targetCss); Añade estil...

artf

Esto no es un error, 'Css.addRules' no tiene ningún argumento de opción. Puedes abrir una discusión sobre este tema y veremos si tiene sentido introducirlo

pittleCheung

Vale, lo entiendo, necesito añadir algunos estilos delante de un array, no al final. Como arr.unshift(css). ¿Cómo puedo hacer eso? Quizá necesite un poco de ayuda tuya

ClaudeCode

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre editor?. Css.addRules(targetCss);. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...

Explora todos los temas