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 3,464

#628130 de octubre de 2024por sumasal3 respuestas
Reacciones 1
questioncomponentsbugenhancement

El Administrador de Capas no permite reordenar al mismo nivel. solo se permite el anidamiento en versiones antiguas de nivel superior (justo debajo del cuerpo) (por ejemplo: 0.21.8

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Últimos Chrome, Firefox, Edge Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Arrastra un acomponente en el administrador de capas e intenta colocarlo entre otros elemento...

artf

Se arreglará en la próxima versión. Gracias @sumasal por el informe y @mohamedsalem401 por la solución 🙇 ♂️

sumasal

El título del número está de alguna manera recortado. Lo que quería decir es que parece funcionar en versiones antiguas como la 0.21.8 y inferiores

ClaudeCode

Gracias por informar de esto, @sumasal. Muy buena sugerencia que Layer Manager no permite reordenar al mismo nivel. Solo se permite anidar en versiones antiguas del nivel superior (justo debajo del cuerpo) (por ejemplo: ¡0.21.8! Aunque est...

Ver detalles
#627125 de octubre de 2024por padcom4 respuestas
Reacciones 1
questioncomponentsbugtypescript

Arrastrar y soltar componentes no funciona en Firefox más reciente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 131.0 (64 bits) en Linux y Mac Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Empieza a arrastrar el botón "Pasa el cursor por mí"Intenta ponerlo encima de "Todos...

padcom

¡Sois geniales! Y no un momento demasiado pronto :) Hoy tengo una presentación por la tarde y ahora podré mostrarla funcionando también en Firefox.

padcom

He localizado el cambio repentino en Firefox hasta la versión 109.0. Es el primero que tiene el problema. La versión 108.0.2 funciona bien. Espero que eso ayude.

padcom

También he probado 133.0a1 cada noche desde 2024-10-24-21-16-15-mozilla-central y el problema también está ahí.

Ver detalles
#626925 de octubre de 2024por bt-mkt4 respuestas
Reacciones 3
questioncomponentsbugdocumentationcanvas

Modelo de componentes y visualización cada vez que se arrastra sobre cada componente presente en Canvas donde puede ser colocado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 130.0.6723.59 (Versión oficial) (arm64) Enlace de demo reproducible https://codepen.io/btmkt/pen/QWeOJRB?editors=1111 Describe el bicho ¿Cómo reproducir el bicho?Abrir la consola.Colocar varios component...

artf

@mohamedsalem401 esto probablemente ocurra por el editor superficial. Creo que tendría sentido aprovechar la opción 'temporal' (que ya usamos para saltar algunas acciones) en canMove. ¿Qué pasa? '''js const wrapper = this.getShallowWrapper...

mohamedsalem401

@artf Sí, sospecho que tiene que ver con el editor superficial. Espero que la opción temporal funcione y entonces abriré un registro permanente

bt-mkt

@mohamedsalem401 esto probablemente ocurre por culpa del editor superficial. Creo que tendría sentido aprovechar la opción 'temporal' (que ya usamos para saltar algunas acciones) en canMove. ¿Qué pasa?'''jsconst wrapper = this.getShallowWr...

Ver detalles
#626324 de octubre de 2024por yashvi20264 respuestas
Reacciones 1
questioncomponentsbugtypescript

Los enlaces duplicados se añaden usando rte

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/Harshsne/pen/xxoOyXODescribe el bicho ¿Cómo reproducir el bicho?Añadir enlace a una palabra usando RTE, se añade el componente de enlace Ahora escribe algo después del co...

sirbeagle

Alight: lo único malo es que quizá nunca sepamos cuál fue la solución. @artf - Creo que podemos cerrar este número.

sirbeagle

He estado trasteando bastante con esto y puedo reproducir el error en el Codepen que @yashvi2026 proporcionado. Mis pasos para reproducirme (la mayoría de las veces) son muy similares: Escribe dos palabras con numerosos espacios entre ella...

yashvi2026

Sí. Después de actualizar a la última versión, este problema no ocurre.

Ver detalles
#626024 de octubre de 2024por hr12012 respuestas
Reacciones 0
questionbugcomponentstypescript

Un error cuando uso component:clone en un component

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Microsoft Edge 130.0.2849.46Enlace de demo reproducible https://jsfiddle.net/uwybfd98/Describe el bicho ¿Cómo reproducir el bicho?seleccionar el componente del carruselhaz clic en el espacio en la esquina superior derecha o...

artf

@hr1201 onRender puede activarse muchas veces, nunca deberías poner oyentes ahí si no limpias bien. Tu lógica también está puramente relacionada con modelos, así que ni siquiera debería estar en la vista, solo mueve tu código en el método...

ClaudeCode

Gracias por informar de esto, @hr1201. Buena pregunta sobre un error cuando uso component:clone en un component. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grap...

Ver detalles
#625023 de octubre de 2024por maxming23332 respuestas
Reacciones 0
bugquestioncomponentsdocumentationtypescript

Prompt de la página clonada 'Conversión de estructura circular a JSON'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 129.0.6668.101Enlace de demo reproducible https://grapesjs.com/demoDescribe el bicho ¿Cómo reproducir el bicho? Abierto https://grapesjs.com/demo ejecuta este script en DevTools: '''js página const = editor. Páginas....

maxming2333

Además del método anterior, ¿hay alguna otra forma de copiar la página?

ClaudeCode

Gracias por informar de esto, @maxming2333. Buena pregunta sobre Prompt de página clon 'Conversión de estructura circular a JSON'. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la doc...

Ver detalles
#624923 de octubre de 2024por yashvi20263 respuestas
Reacciones 0
bugquestiongeneral

Selector de color personalizado inicial

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible ---Describe el bicho editor.getModel().initBaseColorPicker(DomElement, { / spectrum options / }); Después de iniciar, cuando se abre la paleta, ¿quiero ponerle un color? @artf Código de con...

NeonLexie

Esto parece interesante. No me importaría intentarlo.

yashvi2026

ClaudeCode

Gracias por informar de esto, @yashvi2026. El problema con selector de color personalizado inicializado parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vida d...

Ver detalles
#624822 de octubre de 2024por Frubl2 respuestas
Reacciones 1
questioncanvasstyle-managertypescriptbug

Bug de showOffsets cuando el cuerpo del iframe tiene zoom

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/a2hbxg0y/1/ Describe el bicho ¿Cómo reproducir el bicho?Abrir herramientas de desarrollo y escribir estilo de elemento para cuerpo iframe - zoom: n; ¿Cuál es el comportamient...

artf

No deberías editar el zoom del iframe, usa la API nativa

ClaudeCode

Gracias por informar de esto, @Frubl. Buena pregunta sobre el bug de showOffsets cuando el cuerpo del iframe tiene zoom. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

Ver detalles
#621111 de octubre de 2024por jlafosse4 respuestas
Reacciones 0
questionbugcomponentsdependenciestypescript

Demasiada recursión

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 131.0.2 Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?Ve a la demo de grapesjs y luego importa el siguiente html: '''html <div class="foob...

artf

Oye, @jlafosse gracias por el informe. No esperaría ese problema con la última versión: <img width="123" alt="Captura de pantalla 2024-10-21 at 19 00 04" src="https://github.com/user-attachments/assets/ff074a31-cd19-4547-bb27-596c92e16d64"...

jlafosse

¡De hecho, parece que eso ha solucionado el problema! ¡Gracias!

artf

🙌 Entonces cierre, gracias 🙇 ♂️

Ver detalles
#62029 de octubre de 2024por klipto-inc2 respuestas
Reacciones 0
componentsbugenhancementquestioncanvas

Javascript CDN no funciona en grapejs canvas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 129 Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho const newEditor = grapesjs.init({ fromElement: true, // Permitir componentes desde HTML contenedor: "#editor", lienzo: { guiones: [ "https://cdn....

artf

@klipto-inc, por favor crea el informe de errores con una demo en directo reproducible adecuada

ClaudeCode

Gracias por informar de esto, @klipto-inc. El problema con Javascript CDN que no funciona en grapejs canvas parece ser una condición de raza o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ci...

Ver detalles

Explora todos los temas