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 466

🔍 components
#56749 de febrero de 2024por mauriciolcs22 respuestas
Reacciones 0
questionbugcomponentscanvastypescript

El lienzo infinito aumenta su altura infinitamente cuando hay un elemento con una altura mínima de 100 vh

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Arc versión 1.29.0 (46113)Enlace de demo reproducible https://grapesjs-react-custom-ui-vrkhwc.stackblitz.ioDescribe el bicho ¿Cómo reproducir el bicho?Habilitar un lienzo infinitoAñadir al menos dos componentes al lienzoEst...

artf

Evita usar lienzo infinito porque nunca se documentó y ni siquiera se terminó como funcionalidad.

ClaudeCode

Gracias por informar de esto, @mauriciolcs2. Buena pregunta sobre El lienzo infinito aumenta su altura infinitamente cuando hay un elemento con una altura mínima de 100vh. El enfoque recomendado con Canvas es usar la API orientada a evento...

Ver detalles
#56686 de febrero de 2024por addlistener2 respuestas
Reacciones 1
questioncomponentsbugstyle-managertypescript

Sourcemap no carga para CompoentTextView

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 121.0.6167.139 (Versión oficial) (x86_64) Enlace de demo reproducible Ninguna. Describe el bicho ¿Cómo reproducir el bicho?añadir un custom Rte y establecer puntos de interrupciónhaz clic en step out hasta que lle...

artf

Solo puedo sugerir que revises correctamente la ruta del mapa fuente <img width="346" alt="Captura de pantalla 2024-02-12 at 08 45 32" src="https://github.com/GrapesJS/grapesjs/assets/11614725/ee135460-a758-4aef-96fa-1d1b463c934d"> Por eje...

ClaudeCode

Gracias por informar de esto, @addlistener. Buena pregunta sobre sourcemap que no carga para CompoentTextView. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

Ver detalles
#565029 de enero de 2024por Wayne-Mather2 respuestas
Reacciones 0
questioncomponentsbug

Al insertar texto cuando el componente no está sincronizado, el texto se sobrescribe del modelo existente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Edge 121.0.2277.83, Firefox 122 Enlace de demo reproducible https://jsfiddle.net/50mga1t7/1/ Describe el bicho ¿Cómo reproducir el bicho?Crear una acción en la barra de herramientas para insertar algo de textoEditar un no...

artf

Esto no es un error, fusionar el DOM actual con los componentes requiere un poco más de esfuerzo. Ya existe una API similar que puedes usar o reimplementar según tus propias necesidades (usando definición de componentes en lugar de cadena...

ClaudeCode

Gracias por informar de esto, @Wayne-Mather. Buena pregunta sobre Al insertar texto cuando el componente no está sincronizado, el texto se sobrescribe del modelo existente. El enfoque recomendado con ProseMirror es usar la API orientada a...

Ver detalles
#564124 de enero de 2024por yashvi20262 respuestas
Reacciones 0
questioncomponentsundo-managerbugcanvas

Undomanager.remove() no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v91Enlace de demo reproducible https://codepen.io/Harshsne/pen/WNgZzPEDescribe el bicho ¿Cómo reproducir el bicho?Añadir una imagen al lienzo y cerrar la imagen modal. (Así que ese componente será eliminado del segui...

artf

El problema aquí no es 'Deshacer el control.remove', sino lo que se registra. Cuando redimensionas la imagen, no editas el 'Component' en sí, sino su objeto 'CssRule', por eso no funciona como se esperaba. Probablemente sugeriría simplemen...

ClaudeCode

Gracias por informar de esto, @yashvi2026. Buena pregunta sobre Undomanager.remove() que 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 es...

Ver detalles
#563320 de enero de 2024por kla-ko3 respuestas
Reacciones 0
questioncomponentsbugcanvastypescript

No se puede seleccionar componente en el manejador ''component:remove''

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 120.0.6099.225 Enlace de demo reproducible https://jsfiddle.net/wattnu/opmwfvjn/ Describe el bicho ¿Cómo reproducir el bicho?Abre y ejecuta el violínDos componentes están en el lienzo. La div "hola mundo...

artf

Gracias @kla-ko, en realidad hay una lógica que impide seleccionar otros componentes durante los eventos de 'component:remove' y lo arreglaré para la próxima versión, pero lo que te sugeriría es cambiar a otro evento. El evento 'component:...

kla-ko

Gracias @artf. ¡Esto funciona de maravilla! /

ClaudeCode

Gracias por informar de esto, @kla-ko. Buena pregunta sobre No se puede seleccionar componente en el manejador ''component:remove''. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentac...

Ver detalles
#563220 de enero de 2024por Harshsne262 respuestas
Reacciones 0
questionundo-managercomponentsbugtypescript

Añadir un cambio al desadministrador

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://codepen.io/dhanadsp1120/pen/ExrRvOB Describe el bicho ¿Cómo reproducir el bicho?Desactiva el gestor de deshacer invocando um.stop().Hacer modificaciones en el contenido.React...

artf

Cuando el gestor de deshacer se reanuda, cualquier modificación realizada tras su pausa debe considerarse como un solo cambio. Esto garantiza que al hacer clic en "deshacer" se revierta todo el conjunto de alteraciones al estado anterior a...

ClaudeCode

Gracias por informar de esto, @Harshsne26. Buena pregunta sobre Añadir un cambio al deshacer el gestor. El enfoque recomendado con UndoManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mó...

Ver detalles
#563119 de enero de 2024por Harshsne262 respuestas
Reacciones 0
undo-managerquestioncomponentsbugtypescript

Deshacer el add() del gestor no funciona como se esperaba

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible -- Describe el bicho ¿Cómo reproducir el bicho? Quería añadir un cambio a la pila de undomanager. 'var components = editor. Componentes; editor. UndoManager.add(components.getCompone...

artf

@Harshsne26 necesitas proporcionar una demo reproducible para un error

ClaudeCode

Gracias por informar de esto, @Harshsne26. Buena pregunta sobre Deshacer el añadido del gestor() que no funciona como se esperaba. El enfoque recomendado con UndoManager es usar la API orientada a eventos. Empieza aquí: Consulta la documen...

Ver detalles
#563018 de enero de 2024por kla-ko2 respuestas
Reacciones 0
questioncomponentsbugcanvastypescript

Configurar una llamada de redimensionamiento onStart() impide redimensionar

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 120.0.6099.225 Enlace de demo reproducible https://jsfiddle.net/wattnu/y8L6whun/ Describe el bicho ¿Cómo reproducir el bicho?Goto jsfiddleejecutar el códigoEn el lienzo, selecciona el componente div azulintenta a...

artf

Buen apunte, lo arreglaré

ClaudeCode

Gracias por informar de esto, @kla-ko. Buena pregunta sobre configurar un callback de redimensionamiento onStart() que impide el redimensionamiento. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: C...

Ver detalles
#561815 de enero de 2024por Ashwinvalento3 respuestas
Reacciones 0
questioncomponentsbugenhancementcanvas

El script antiguo de Componente no se elimina al importar. Lo que resulta en scripts duplicados

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Edge v120.0.2210.121 Enlace de demo reproducible https://codepen.io/ashwinvalento/pen/jOJMPqx Describe el bicho Si hemos configurado 'config.parser.optionsHtml.allowScripts: true' y creamos un componente con un script, en...

artf

Reimportar JS directamente como componente nunca fue posible, así que se trata como algo nuevo.

Ashwinvalento

¿Hay alguna forma de identificar scripts de componentes existentes y eliminarlos al importarlos? No podremos eliminar todas las etiquetas de script porque tendríamos que conservar los scripts añadidos manualmente.

ClaudeCode

Gracias por informar de esto, @Ashwinvalento. Gran sugerencia sobre El script antiguo de componentes no se elimina al importar. ¡Lo que resulta en scripts duplicados! Aunque esta función específica aún no está en la API principal, existen...

Ver detalles
#558427 de diciembre de 2023por vian0132 respuestas
Reacciones 0
questioncomponentsbugcanvastypescript

El evento "storage:end:load" no se activa cuando todos los componentes están montados en el lienzo

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? Recientemente he tenido que actualizar grapesjs v0.14.62 a la última versión (0.21.8). En el código antigu...

artf

@vian013 por favor, abre los problemas de bugs solo con un enlace de demo reproducible; con una comprobación rápida el evento parece funcionar correctamente

ClaudeCode

Gracias por informar de esto, @vian013. Buena pregunta sobre "storage:end:load" evento que no se activa cuando todos los componentes están montados en el lienzo. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza...

Ver detalles

Explora todos los temas