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
#409925 de enero de 2022por jloguercio2 respuestas
Reacciones 0

"Usando draggableComponents: false" todavía arrastra (¿clona?) algunos elementos si intento editar texto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v96Enlace de demo reproducible https://jsfiddle.net/809enL2w/1/Describe el bicho Yo uso domComponents: { draggableComponents: false }, para evitar arrastrar componentes solo cuando arrastras con la flecha en la barra...

artf

Sí, parece que el D&D nativo de HTML5 sigue funcionando con la selección de texto, intentaré arreglarlo.

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con "Usando draggableComponents: false" sigue arrastrando (¿clonando?) algunos elementos si intento editar texto parece ser una condición de carrera o un problema de gestión de estado....

#409724 de enero de 2022por Joshmamroud3 respuestas
Reacciones 1

MousePosFetcher en el listener de reizer config & change:style no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave V1.34.81 Enlace de demo reproducible https://jsfiddle.net/joshmamroud/vkrcxuzb/41/ Describe el bicho ¿Cómo reproducir el bicho?Añadir un bloque de cuadrícula al lienzoRedimensionar una columnaFíjate que los registro...

artf

Hola @Joshmamroud CBs deben llamarse cuando se llama a mousePosFetcher Eso no ocurre porque las opciones 'redimensionables' no se pasen directamente al Resizer, sino a través del comando 'redimensionar'. Puedes ver que MousePosFetcher ahí...

Joshmamroud

¡Gracias @artf! Tiene sentido.

ClaudeCode

Gracias por informar de esto, @Joshmamroud. Buena pregunta sobre mousePosFetcher en el oyente de configuración y cambio de estilo del resizedor. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Cons...

#408220 de enero de 2022por jloguercio3 respuestas
Reacciones 0

Elimina algunos estilos iniciales del lienzo del marco

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible Sin demo Describe el bicho Cuando cargo una plantilla, el editor añade algunos estilos iniciales como la imagen de abajo, ¿cómo puedo configurar o eliminar algunos o esos estilos? Po...

artf

Revisa las opciones de configuración del editor principal (por ejemplo, 'baseCss') https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js Y por favor, no utilicéis los errores de los problemas para las preguntas, en ese caso...

jloguercio

Muchas gracias

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con Eliminar algunos estilos iniciales del lienzo del marco parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vi...

#402922 de diciembre de 2021por jloguercio2 respuestas
Reacciones 0

Arrastrar bloques a Canvas cuando tienes 1000+ bloques personalizados

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v96Enlace de demo reproducible Sin demoDescribe el bicho ¿Cómo reproducir el bicho?Añadir al gestor de bloques más de 1000 bloques, en mi caso 7.864 iconos de fuente impresionantes.Intenta arrastrar cualquier bloque...

artf

En tu caso, te sugeriría crear un gestor de bloques personalizado donde puedas adaptar la interfaz de usuario de tus bloques como quieras (por ejemplo, búsqueda, virtualización del DOM, etc.)

ClaudeCode

Gracias por informar de esto, @jloguercio. Buena pregunta sobre el rendimiento de Arrastrar bloques a lienzo cuando tienes 1000+ bloques personalizados. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Co...

#402017 de diciembre de 2021por cunj122 respuestas
Reacciones 0

El contenido de texto SVG no se actualiza al llamar a getHtml en el editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible https://jsfiddle.net/1hrLxdba/30/ Describe el bicho ¿Cómo reproducir el bicho?Arrastrar un bloque de texto svg al lienzo.Cambiar su contenido mediante el rasgo svg-textHaz clic en im...

artf

Tienes que actualizar el contenido del Componente, no el DOM

ClaudeCode

Gracias por informar de esto, @cunj12. Buena pregunta sobre el contenido de texto SVG no actualizado al llamar a getHtml en el editor. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la document...

#401515 de diciembre de 2021por YairNa3 respuestas
Reacciones 0

El arrastrar y soltar no funciona bien en el caso de RTL

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible https://jsfiddle.net/emgbo8k1/3/ Describe el bicho ¿Cómo reproducir el bicho?añadir el bloque de 3 columnas al lienzoarrastrar y soltar para cambiar el orden de las columnas ¿Cuál es...

sridhar391

@YairNa También nos hemos enfrentado al mismo problema, por favor consulta el enlace https://github.com/artf/grapesjs/issues/4094

JSSaint

@YairNa @sridhar391 no es un problema de RTL. Solo el navegador Chrome que tenemos tenemos este problema. Firefox funciona correctamente.

ClaudeCode

Gracias por informar de esto, @YairNa. Buena pregunta sobre arrastrar y soltar que no funciona bien en caso de RTL. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grap...

#39861 de diciembre de 2021por throne19864 respuestas
Reacciones 3

No se pueden leer propiedades de undefined (leyendo 'uploadFile')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96.0.4664.45 Enlace de demo reproducible https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js Describe el bicho ¿Cómo reproducir el bicho?Simplemente arrastra y suelta el...

jkntar

Yo también me encontré con este problema. Parecía ocurrir cada vez que empezaba a arrastrar el icono de medios de un bloque en lugar del texto del bloque o el contenedor del bloque. Parece que el problema se resolvió añadiendo 'pointer-eve...

markovic-nikola

'pointer-events: none;' no me funciona, literalmente tengo que reiniciar todo el navegador para que vuelva a funcionar con normalidad.

luasenvy

'pointer-events: none;' no me funciona, literalmente tengo que reiniciar todo el navegador para que vuelva a funcionar con normalidad. @markovic-nikola: Esto es MUY IMPORTANTE. MUCHAS GRACIAS. :D

#397525 de noviembre de 2021por Sudhin352 respuestas
Reacciones 0

Imagen de fondo Empieza a duplicarse en todas las páginas si añadimos solo para una página

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v9Enlace de demo reproducible NadaDescribe el bicho ¿Cómo reproducir el bicho?Implementar el concepto de multipágina Crea las 3 páginasHaz clic en la imagen de fondo en decoraciones (Style Manager) y añádela a la pri...

artf

Por favor, comprueba esta opción primero https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors Si aún tienes problemas, abre un problema de bugs adecuado con un enlace de demostración reproducible.

ClaudeCode

Gracias por informar de esto, @Sudhin35. Buena pregunta sobre La imagen de fondo empieza a duplicarse en todas las páginas si añadimos solo para una página. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empiez...

#393812 de noviembre de 2021por mingxin-yang2 respuestas
Reacciones 0

Editor.select(model,{scroll:true}), scroll no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/mingxin-yang/pen/YzxLNay Describe el bicho ¿Cómo reproducir el bicho?editor.select(model,{scroll:true}), scroll no funciona... ¿Cuál es el comportamiento esperado? Haz...

artf

Gracias @mingxin-yang. Esto se corregirá en la próxima versión.

ClaudeCode

Gracias por informar de esto, @mingxin-yang. Buena pregunta sobre editor.select(model,{scroll:true}) y scroll no funciona. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

#388321 de octubre de 2021por akhalid-devRespuesta 1
Reacciones 0

La funcionalidad de exportación de GrapesJS y la funcionalidad de 'Ver código', y el Canvas no funcionando de manera similar en cuanto a los colores hexadecimales.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Accede a la web: https://grapesjs.com/demo.html.Despejar el lienzo para una demostración más sencilla.Intro...

ClaudeCode

Gracias por informar de esto, @akhalid-desarrollador. ¡Gran sugerencia sobre la funcionalidad de exportación de GrapesJS y la funcionalidad de 'Ver código', y que el Canvas no funciona de forma similar en cuanto a los colores hexadecimales...

Explora todos los temas