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 545

🔍 typescript
#42498 de abril de 2022por iamqinglong3 respuestas
Reacciones 0

Image src no cambiará en el HTML exportado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 100 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Estoy usando externoArrastrar un bloque de imagen al lienzoSeleccionar una imagen del modal personalizadoVe...

m-jojo-s

O bien usar selected.set('src', doc.url) o activar atributos HTML inseguros Consulta #4148

artf

Sí, diría que simplemente deberías cambiar a 'selected.set('src', doc.url)' como ya se ha sugerido.

ClaudeCode

Gracias por informar de esto, @iamqinglong. Buena pregunta sobre image src no cambiará en HTML exportado. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

#42405 de abril de 2022por varadero3 respuestas
Reacciones 1

"index.d.ts no es un módulo" en 0.18.4 cuando se importa grapesjs con "importar * como uvapesjs de 'grapesjs';"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 99 Enlace de demo reproducible Sin enlace Describe el bicho ¿Cómo reproducir el bicho?Estaba usando grapesjs 0.18.2 en mi clase angular de mecanografia, importada así: 'importar como uvapesjs de 'grapesjs';'Actuali...

artf

Debería arreglarse aquí https://github.com/artf/grapesjs/pull/4216 Supongo que deberías desactivar TS para la versión actual.

aharishsundhar

@artf estoy usando la última versión de grapesj ^0.18.4 Instalo NPM GrapesJS para ejecutarlo, su error está en index.d.ts archivo. ¿Puedes actualizar el problema, por favor? Instalación de NPM: ! Captura de pantalla del 03-06-2022 12-12-01...

ClaudeCode

Gracias por informar de esto, @varadero. Buena pregunta sobre *"index.d.ts no es un módulo" en la versión 0.18.4 cuando se importa grapesjs con "importar como uvapesjs de 'grapesjs';" . El enfoque recomendado con ProseMirror es usar la API...

#42364 de abril de 2022por m-jojo-sRespuesta 1
Reacciones 0

El comando paste no respeta las propiedades arrastrables/soltables

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 98.0.4758.80 (Versión oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Añadir un bloque de "Tabulaciones"Copiar una tabulación del c...

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre paste command no respeta propiedades arrastrables/soltables. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

#42332 de abril de 2022por clonefunnelsRespuesta 1
Reacciones 0

Insertar estilos desde StyleManager con !importante roto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/q7cxvpf5/1/ Describe el bicho Cuando uso este código, deja de funcionar tras un cambio de div y ya no acepta más cambios de estilo en ningún otro div: editor.on('sty...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con insertar estilos de StyleManager con !importante roto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los even...

#420822 de marzo de 2022por ronaldohoch4 respuestas
Reacciones 2

Error de estado de clic de estilo en todos los elementos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Last, probado en Chrome Last y Safari Last. Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Tengo un vídeo: https://www.loom.com/share/508e91098bf247bd93d525f2e...

artf

Gracias por el informe @ronaldohoch Esto se corregirá en la próxima versión.

ronaldohoch

@artf funcionado! Gracias 😊

ronaldohoch

@artf no pude ejecutarlo localmente porque varios exámenes no aprobaron, ¿te pasa a ti también? ¿Puedo intentar arreglarlos? Por ejemplo: ! imagen

#419515 de marzo de 2022por varadero4 respuestas
Reacciones 1

El texto desaparece si se pega una segunda vez en el bloque de texto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 99 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Abrir https://grapesjs.com/demo.html y eliminar todas las secciones de muestraColoca una "sección de texto"A...

jmaks1

@artf El problema es relevante para la última versión. (v0.19.4) El error ocurre si copias y pegas un componente anidado mientras editas texto. Un paste normal (cmd + v) copia todo el html, incluido id, y tras eliminar el focus, se elimina...

varadero

Puedo confirmar que este problema solo ocurre con Grapesjs 0.18.3; he degradado a 0.18.2 y el problema no ocurre. Las versiones antiguas también están bien.

jmaks1

puedo confirmar que este problema solo ocurre con Grapesjs 0.18.3: he degradado a 0.18.2 y el problema no ocurre. Las versiones antiguas también están bien. en la versión 0.18.2, los componentes anidados no se creaban dentro del texto.

#419211 de marzo de 2022por drashtibpatel2 respuestas
Reacciones 0

Problema con el límite de arrastre con dragMode: absoluto/translate

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome, Firefox Enlace de demo reproducible https://jsfiddle.net/drashti/9xk5ph8j/1/ Describe el bicho Estoy usando el Grape JS builder para que mi cliente configure el builder y las plantillas. Para eso quiero el setDrag...

artf

No, por ahora no es posible. El dragMode no es una función pública real ni documentada, así que estoy recopilando aquí todos los problemas y funciones para soportar: https://github.com/artf/grapesjs/issues/3770#issuecomment-944915841

ClaudeCode

Gracias por informar de esto, @drashtibpatel. El problema con Problema de límite de arrastre con dragMode: absoluto/translate parece ser un problema de temporización de condición de carrera o de gestión de estado. Esto suele ocurrir cuando...

#419110 de marzo de 2022por mastercorp-usa4 respuestas
Reacciones 1

Estamos intentando almacenar los datos del editor grapesJS en la aplicación Angular 10, obteniendo un error CORS, imagen adjunta abajo

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 99.0.4844.5 Enlace de demo reproducible https://jsfiddle.net/ct5r4kvg/ Describe el bicho ¿Cómo reproducir el bicho?Integrado en la aplicación Angular 10 con el siguiente códigoMientras se ejecuta, estamos recibiendo un erro...

lalitog

Mi script del lado del servidor está en PHP, así que he añadido este código en mi script y me funciona bien - cabecera ('Access-Control-Allow-Origin: *'); cabecera ('Access-Control-Allow-Methods: GET, POST'); encabezado("Access-Control-All...

mastercorp-usa

Por favor, ¿alguien nos ayude con este problema? Para mí es muy urgente

artf

Los problemas de CORS no tienen nada que ver con GrapesJS

#418910 de marzo de 2022por vladninjaRespuesta 1
Reacciones 0

El componente se desactivaba cuando se cambiaban los ajustes (usando terceros por ejemplo React/Vue)

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 98 Enlace de demo reproducible https://codesandbox.io/s/grapesjs-react-components-n6sff?file=/src/base-react-component.js Describe el bicho ¿Cómo reproducir el bicho?Seleccionar el componente "Listado"Abrir configu...

ClaudeCode

Gracias por informar de esto, @vladninja. Buena pregunta sobre El componente se desactivó cuando se cambiaron los ajustes (usando terceros por ejemplo React/Vue). El enfoque recomendado con Componentes es utilizar la API orientada a evento...

#41879 de marzo de 2022por TownsheriffRespuesta 1
Reacciones 0

El método Editor Destroy genera un error en React

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 98 Enlace de demo reproducible https://codesandbox.io/s/withered-rain-z74rst?file=/src/App.js Describe el bicho ¿Cómo reproducir el bicho?Desmontar elemento hijoCrear useEffect con callback donde el editor se destr...

ClaudeCode

Gracias por informar de esto, @Townsheriff. Buena pregunta sobre el método Editor Destroy genera un error en React. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

Explora todos los temas