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

#41889 de marzo de 2022por levinhtinRespuesta 1
Reacciones 0

La <linearGradient> etiqueta SVG se <lineargradient> convierte en lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Microsoft Edge Versión 99.0.1150.30 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?He creado un bloque personalizado con SVG, por ejemplo:Cuando dejo caer un compone...

ClaudeCode

Gracias por informar de esto, @levinhtin. Excelente pregunta sobre <linearGradient>SVG tag become <lineargradient> in canvas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

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

#41753 de marzo de 2022por sandeepyerkala2 respuestas
Reacciones 0

Faltan líneas de desplazamiento al recargar el fotograma

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 99.0.4844.51 Enlace de demo reproducible https://jsfiddle.net/rakam/5o8te64y/19/ Describe el bicho ¿Cómo reproducir el bicho?Añadir algunos componentes.Después de añadir, recarga el fotograma haciendo clic en el me...

artf

Lo siento, pero ahora mismo no veo sentido en soportar o arreglar la recarga nativa del iframe.

ClaudeCode

Gracias por informar de esto, @sandeepyerkala. Buena pregunta sobre Las líneas de desplazamiento faltan al recargar el fotograma. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#416828 de febrero de 2022por m-jojo-sRespuesta 1
Reacciones 0

Pasar el cursor no se desactiva hasta el siguiente botón de botón del ratón

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://jsfiddle.net/01pa5mty/9/ Describe el bicho También gracias por añadir los eventos de hover:antes y select:before, ¡serán muy úti...

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre pasar el cursor sin activar hasta el siguiente botón de entrada con el ratón. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consul...

#414517 de febrero de 2022por lofcz2 respuestas
Reacciones 0

0.18.3 edición de texto no se activa para los componentes de texto > enlace

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 99 Enlace de demo reproducible https://codesandbox.io/s/distracted-archimedes-fhmnpg Describe el bicho ¿Cómo reproducir el bicho?Abrir la demoHaz doble clic en el componente "Soy texto". ¿Cuál es el comportamiento actual? A...

artf

Sí, veo el problema. Hacer doble clic en elementos de texto (span, i...) dentro de un centro cambia el foco al elemento padre en lugar de abrir rte para el elemento seleccionado Con la nueva lógica implementada para la vista de componentes...

ClaudeCode

Gracias por informar de esto, @lofcz. Buena pregunta sobre 0.18.3 la edición de texto que no se activa para los componentes de enlace > texto. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consult...

#413812 de febrero de 2022por yadavAtIrisdame4 respuestas
Reacciones 0

Comportamiento inesperado en el gestor de estilo

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 1.35.101 Chromium: 98.0.4758.87 (Versión oficial) (64 bits) ! acolchadoEnlace de demo reproducible https://codesandbox.io/s/strange-sun-qgdcq?file=/index.jsDescribe el bicho ¿Cómo reproducir el bicho?Dejar caer el c...

artf

Gracias por el informe @yadavAtIrisdame pero no puedo reproducirlo ni de tu demo ni de la oficial. ¿Puedes describir los pasos exactos?

yadavAtIrisdame

@artf No puedo reproducir este error. en la mayoría de los casos, The Style Manager funciona como se espera. Pero, de repente, empiezan a comportarse como (como se muestra en la imagen). Especialmente en las propiedades de margen y acolcha...

artf

Lo siento, pero desafortunadamente sin la demo reproducible adecuada, no puedo hacer mucho. Estaré encantado de arreglarlo si alguien puede proporcionar los pasos reproducibles.

#41369 de febrero de 2022por m-jojo-s2 respuestas
Reacciones 1

Component.remove() en 'component:mount' no elimina la vista renderizada

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://jsfiddle.net/Lsjhxczp/10/ Describe el bicho ¿Cómo reproducir el bicho?Configurar el gancho component:mount para retirar el compo...

artf

Sí, el problema aquí es que el nodo DOM está creado pero aún no se ha añadido al padre. Puedes aplazar la eliminación mediante setTimeout, pero eso seguirá activando la imagen. Probablemente moveré ese evento una vez que se añada el nodo.

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre component.remove() en 'component:mount' no elimina la vista renderizada. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la...

#41275 de febrero de 2022por jcsoftsRespuesta 1
Reacciones 0

Versión GrapesJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 97.0.4692.99 (Versión oficial) (x86_64) Enlace de demo reproducible no Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? ... ¿Cuál es el comportamiento actual? Aparecen...

ClaudeCode

Gracias por informar de esto, @jcsofts. Buena pregunta sobre *. 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 el método del oye...

Explora todos los temas