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 183

🔍 documentation
#654315 de junio de 2025por ZedonboyRespuesta 1
Reacciones 0
questionstyle-managercomponentsbugdocumentation

Panel no retirado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible ninguno Describe el bicho ¿Cómo reproducir el bicho? Del tutorial Mi estilo CSS ¿Cuál es el comportamiento esperado? Un lienzo en blanco ¿Cuál es el comportamiento actual? ... ! Imagen Si es nece...

ClaudeCode

Gracias por informar de esto, @Zedonboy. Buena pregunta sobre Panel no eliminado. 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 Busca...

Ver detalles
#650225 de abril de 2025por jsxOverdose2 respuestas
Reacciones 0
style-managerquestionbugdocumentationcanvas

El estilo en línea sobrescribe reglas CSS basadas en ID

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v135.0.7049.96 Enlace de demo reproducible https://jsfiddle.net/bqkLwt8j/ Describe el bicho Cuando un elemento tiene un estilo en línea y también coincide con una regla CSS basada en ID, los estilos del selector de ID se el...

artf

Gracias por el informe @jsxOverdose Se arreglará en la próxima versión

ClaudeCode

Gracias por informar de esto, @jsxOverdose. Buena pregunta sobre Reglas CSS basadas en IDs en el estilo Inline Overries. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

Ver detalles
#645820 de marzo de 2025por accvi4 respuestas
Reacciones 1
questionstyle-managercomponentsbugdocumentation

Sector.setName no funciona

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/qbpodnm4/ Describe el bicho ¿Cómo reproducir el bicho? Seleccionar un componente en el lienzo. Ve al responsable de estilo y comprueba si "General" ha cambiado su nombre a "A...

mosh-tudor

@accvi https://github.com/GrapesJS/grapesjs/discussions/6031#discussioncomment-10234496

accvi

¿Estoy haciendo algo mal en el código? La IA no podía ayudar.

artf

@accvi #6031 (respuesta en el hilo) ☝️

Ver detalles
#644514 de marzo de 2025por bgrand-ch3 respuestas
Reacciones 2
questionbugdocumentationtypescript

La web del médico tiene información que falta

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox 136.0.1 (64 bits) Enlace de demo reproducible https://grapesjs.com/docs/api/editor.html#editor Describe el bicho ¿Cómo reproducir el bicho? Ve a https://grapesjs.com/docs/api/editor.html#editor ¿Cuál es el comportamiento e...

artf

Documentación actualizada: https://grapesjs.com/docs/api/editor.html#available-events

artf

Gracias@bgrand, lo arreglaré pronto 🙇 ♂️

ClaudeCode

Gracias por informar de esto, @bgrand-ch. Buena pregunta sobre La web del documento tiene información que falta. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

Ver detalles
#641622 de febrero de 2025por clonefunnels2 respuestas
Reacciones 0
bugenhancementquestiondocumentationtypescript

Htmlentities > rompiendo el almacenamiento remoto - Visualizaciones indefinidas

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox y Chrome Enlace de demo reproducible No puedo hacer una demo para almacenamiento remoto Describe el bicho Importa cualquier cosa que tenga '&gt;' junto a una etiqueta con &gt; Ejemplo: '<a href="#"&gt;&gt;</a>' También ocu...

artf

no puedo hacer una demo para almacenamiento remoto No necesitas una demo para almacenamiento remoto. El almacenamiento local y remoto usan la misma interfaz, lo que significa que si no puedes reproducir con el almacenamiento local, el prob...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con htmlentities &gt; romper el almacenamiento remoto - Pantallas indefinidas parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocu...

Ver detalles
#63658 de enero de 2025por MLMarxx4 respuestas
Reacciones 0
style-managerbugquestiondocumentationcanvas

El Style Manager no interpreta correctamente los selectores descendientes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 131.0.6778.205 Enlace de demo reproducible https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 Describe el bicho Cómo reproducir el error:Añadir la clase 'estilo oscuro' al cuerpo: '''js editor....

artf

Sí, eso no está soportado porque podría haber implicaciones de rendimiento al intentar igualar cualquier posible regla ahí. Lo que sí puedes hacer es seleccionar cualquier regla a través de styleManager.select

MLMarxx

Vale, gracias por la aclaración; actualmente uso select, ¿alguna idea de cómo dirigir las etiquetas de medios de esa manera?

artf

Puedes obtener el CSSRule que necesitas ('getRule') y luego pasarlo a styleManager.select

Ver detalles
#63487 de diciembre de 2024por Frubl2 respuestas
Reacciones 1
questionbugdocumentationcanvastypescript

Es posible arrastrar y soltar literalmente cualquier cosa dentro del lienzo de grapesjs

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Prueba a seleccionar, por ejemplo, herramientas/texto/todo en la barra lateralAgárrala y déjala caer sobre la l...

artf

Puedes tomar el control de lo que se deja caer dentro del lienzo mediante el evento 'canvas:dragdata' https://jsfiddle.net/artur_arseniev/87rcb24n/

ClaudeCode

Gracias por informar de esto, @Frubl. Buena pregunta sobre Es posible arrastrar y soltar literalmente cualquier cosa dentro del lienzo de grapesjs. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consult...

Ver detalles
#62965 de noviembre de 2024por maneeshp972 respuestas
Reacciones 0
componentsbugquestiondocumentationcanvas

Los componentes personalizados de React se envuelven dentro de un div

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Arc v1.61.1 Enlace de demo reproducible https://codesandbox.io/s/grapesjs-react-components-n6sff Describe el bicho @artf Antes que nada, gracias por esta increíble biblioteca. Estaba intentando crear componentes personali...

artf

Sí, eso es lo esperado desde la perspectiva de la demo. Puedes trastear con el código y encontrar tu solución, pero cierro esto porque no es un error principal.

ClaudeCode

Gracias por informar de esto, @maneeshp97. El problema con componentes react personalizados que se envuelven dentro de un div parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del...

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

Explora todos los temas