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 220

🔍 canvas
#55424 de diciembre de 2023por brenoassp2 respuestas
Reacciones 2

Error reproducción automática en YouTube

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 119.0.6045.200 64 bits Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar un bloque de vídeo en el lienzoHaz clic en el vídeo y selecciona YouT...

artf

Parece que la propiedad de silencio era correcta para Vimeo pero no para Youtube. Empujaré la solución, gracias.

ClaudeCode

Gracias por informar de esto, @brenoassp. Buena pregunta sobre Error de reproducción automática en YouTube. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mód...

#545010 de octubre de 2023por ChiragS-Prajapati2 respuestas
Reacciones 0

La sección debería ser un problema que se solapa presente en las uvas js

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 117.0.5938.134 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/ap404703/0e5zop1n/ Describe el bicho Ejemplo como abajo Archivo de uvas Js :- Inicializar GrapesJS const editor = grapesj...

artf

@ChiragS-Prajapati tienes que usar propiedades de componentes arrastrables/soltables para controlar dónde se pueden arrastrar componentes y cuáles pueden dejarse caer dentro.

ClaudeCode

Gracias por informar de esto, @ChiragS-Prajapati. El problema con Section debería ser un problema solapado presente en las uvas js parece ser una condición de carrera o un problema de sincronización de la gestión estatal. Esto suele ocurri...

#54413 de octubre de 2023por padcom2 respuestas
Reacciones 0

No hay id para que los elementos no tengan estilos sino con 'script', lo que hace que el script no se ejecute para esos elementos

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de ChromeEnlace de demo reproducible https://github.com/padcom/grapesjs-no-id-for-element-exampleDescribe el bicho Al crear componentes personalizados de GrapesJS, si esos componentes tienen el 'script()' (co...

artf

El problema se debe al uso de 'jsInHtml: false' y a cómo se gestiona el generador JS interno. Intentaré arreglarlo para la próxima entrega.

ClaudeCode

Gracias por informar de esto, @padcom. El problema de No identificar elementos que no tienen estilos sino 'script', que hace que el script no se ejecute para esos elementos, parece ser una condición de carrera o un problema de temporizació...

#538615 de septiembre de 2023por kmkaliraj2 respuestas
Reacciones 0

No se pueden leer propiedades de indefinido (leyendo 'ancho')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Arista Enlace de demo reproducible NA Describe el bicho ¿Cómo reproducir el bicho? Versión: 0.18.2 Tenemos el siguiente error registrado en nuestro sistema desde el módulo grapejs. No estamos seguros de en qué escenario s...

artf

0.18.2 es una versión bastante antigua, tienes que actualizar

ClaudeCode

Gracias por informar de esto, @kmkaliraj. Buena pregunta sobre No se pueden leer propiedades de indefinidas (leyendo 'ancho'). El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#537912 de septiembre de 2023por Sw33tgt4 respuestas
Reacciones 4

Las modificaciones de clase de los componentes no se detectan automáticamente

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome Versión 116Enlace de demo reproducible https://jsfiddle.net/h5b0ndvL/1/Describe el bicho Cuando un componente se vuelve a renderizar en el lienzo, se renderiza un nuevo atributo añadido a la definición del modelo, pe...

Sw33tgt

Por ahora, como solución temporal, he añadido esto en una función 'editor.on('component:mount', (component) => {});' hasta que se reciba cualquier retroalimentación. Parece que funciona bien. En el caso de que una clase se elimine de la de...

Sw33tgt

sí, esto es intencionado con las clases, con tu enfoque no podrás eliminar clases definidas del componente, seguirán añadiéndose en el componente dentro de la estructura. Lo cual está bien cuando una clase ha sido olvidada en un componente...

Sw33tgt

Algo así en la función initClasses() de Component.ts añadiría las nuevas clases al elemento en render. Déjame saber qué te parece: '''Manuscrito mecanografiado const cls = this.get('classes') || attrCls || []; Cambiando de const a Sea sea...

#537811 de septiembre de 2023por Sw33tgt4 respuestas
Reacciones 0

ErrorTipo no capturado: No se pueden leer propiedades de undefined (leyendo 'Lienzo') mientras se arrastra un componente en el Panel del Gestor de Capas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v116.0.5845.97 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Seleccionar cualquier componente del lienzoAbrir el Panel del Gestor de CapasSelecciona el prime...

Sw33tgt

Bajé a la v0.21.4 y ya no tengo el problema, así que solo ocurre en la última versión disponible.

padcom

Tengo el mismo problema en los ejemplos más sencillos. Hacer downgrade a 0,4 hace que desaparezca. ¿Regresión?

artf

Sí, ya está arreglado aquí. Voy a posponer un nuevo lanzamiento para finales de esta semana.

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

#53635 de septiembre de 2023por rozek4 respuestas
Reacciones 0

No se pueden "ordenar" elementos del panel de capas

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 Cuando intento reordenar los elementos de mi lienzo ordenándolos en el panel de capas, repito el sig...

arbisyarifudin

Estoy teniendo el mismo problema

rozek

'Sorter.ts:500' contiene 'const cv = this.em!. 'Canvas', que es obviamente incorrecto (ya que 'em' es nulo o indefinido) Desafortunadamente, actualmente no entiendo el código con todas sus abreviaturas, pero: ¿cambiaría la línea 499 a 'si...

artf

Cierre como duplicado de https://github.com/GrapesJS/grapesjs/issues/5355

#53551 de septiembre de 2023por andcmatiasRespuesta 1
Reacciones 0

En la capa de movimiento

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 116 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Abrir el gestor de capas e intentar mover el componenteDesactivará el componente y mostrará los errores en...

ClaudeCode

Gracias por informar de esto, @andcmatias. Buena pregunta sobre En la capa de movimiento. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específic...

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

Explora todos los temas