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 877

🔍 question
#53541 de septiembre de 2023por rozek4 respuestas
Reacciones 0

Las entradas de canvas.script no respetan un "mapa de importación"

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 Scripts referenciados por 'canvas.scripts' no puede importar módulos de terceros basados en un "mapa...

artf

https://github.com/GrapesJS/grapesjs/issues/5353#issuecomment-1704023749

rozek

¿Los has probado? al intentarlo en la versión actual de GrapesJS, recibo el siguiente mensaje de error (ampliado) en el registro del navegador:

rozek

intentar usar un URI de datos en lugar de una referencia de archivo también falló

#53531 de septiembre de 2023por rozek3 respuestas
Reacciones 0

Las entradas de canvas.script no pueden ser módulos JS

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 enlaces introducidos en no puede referirse a módulos de JavaScript, o puede encontrarse con el sigui...

artf

'''js guiones: [ { src: '... file.js', tipo: 'módulo' }, ], ```

rozek

Bueno saberlo, gracias

ClaudeCode

Gracias por informar de esto, @rozek. El error error: Análisis de causa raíz: El Canvas no valida el estado antes de invocar tu método. Esto crea una vulnerabilidad temporal cuando se realizan múltiples operaciones simultáneamente. Próximo...

#535231 de agosto de 2023por rozek3 respuestas
Reacciones 0

Uncaught SyntaxError: Token inesperado '{' a las CanvasView.ts:590:12

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 ninguno Describe el bicho Tengo un tipo de componente con un script Al previsualizar un proyecto usando un componente de e...

rozek

Eso es interesante: definir una función separada y definiendo el tipo de componente tal y como se describe en la documentación Funciona tal y como está diseñado. Pero sigue sonando extraño que una función en línea produzca un error de sint...

artf

@rozek buena observación, lo arreglará para la próxima versión

ClaudeCode

Gracias por informar de esto, @rozek. El problema con Uncaught SyntaxError: Token inesperado '{' en CanvasView.ts:590:12 parece ser una condición de carrera o un problema de temporización de gestión de estado. Esto suele ocurrir cuando los...

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

#534226 de agosto de 2023por wsacaRespuesta 1
Reacciones 0

ScrollCanvas no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 116.0.3 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho?En el lienzo, desplázate hasta abajo y selecciona un componenteAbrir las capasSelecciona un compo...

ClaudeCode

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

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

#533424 de agosto de 2023por DreamCloudProject4 respuestas
Reacciones 1

La selección del tipo de componente personalizado no funciona en el lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome, Opera, Edge, etc Enlace de demo reproducible https://jsfiddle.net/crszh0jo/6/ Describe el bicho Estoy intentando que funcione igual que se describe aquí [[PREGUNTA] Selección de componentes personalizados no es po...

DreamCloudProject

@artf Sí, tienes razón. Estoy bloqueando la propagación del clic, por lo que el editor no recibe el evento de clic, por lo que no puede ejecutar la lógica para seleccionar el elemento. Intenté configurar la propagación de clics solo en el...

DreamCloudProject

https://github.com/GrapesJS/grapesjs/assets/7961936/12180b41-4c29-489d-9bcd-1ea025a96a8f Este ejemplo muestra cómo funciona en mi editor.

yatoogamii

Hola @DreamCloudProject, parece que el conector MSC de tu componente está bloqueado. Es un atributo que permite que el componente se haga clic desde las capas pero no desde el propio Canva ¿Puedes compartir o verificar la definición de tu...

#533124 de agosto de 2023por rozek3 respuestas
Reacciones 0

El selector de color puede extender la ventana de visión

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 ninguno Describe el bicho Este bug es similar al número #596, que ha sido bloqueado por falta de conversación. Esta versió...

artf

Gracias @rozek la imagen pública siempre es bienvenida, así que estaré encantado de reseñarla.

artf

Cerrando por ahora porque no parece ser reproducible

ClaudeCode

Gracias por informar de esto, @rozek. Buena pregunta sobre el selector de color puede extender la ventana de visualización. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#533024 de agosto de 2023por rozek3 respuestas
Reacciones 0

La última versión (commit 4F0C5B1) ya no compila sin errores

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? ninguno Enlace de demo reproducible ninguno Describe el bicho 'yarn build' falla con dos errores: Esto quizá sea simplemente un problema de que TypeScript es demasiado exigente, porquepuedes desactivar los mensajes de err...

artf

Gracias@rozek lo arreglaré ahora

rozek

¡Muchas gracias!

ClaudeCode

Gracias por informar de esto, @rozek. El problema con última versión (commit 4f0c5b1) ya no compila sin errores parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos...

#532822 de agosto de 2023por sdimitrenco2 respuestas
Reacciones 0

Texto editable tras eliminar el foco de RTE, devuelve el estado anterior del contenido.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/sdimitrenco/wao1rh0q/30/ Describe el bicho Esa es mi estructura de componentes Si cambio el texto en la etiqueta span del editor de texto y luego elimino el foco de...

artf

No deberías tener '"contenido"' dentro de tu espacio de texto, de hecho si lo sustituyes por '"components": '[email protected]', funcionará correctamente.

ClaudeCode

Gracias por informar de esto, @sdimitrenco. El problema con texto editable tras eliminar el foco de RTE, devuelve el estado anterior del contenido. parece ser una condición de carrera o un problema de sincronización de gestión de estado. E...

Explora todos los temas