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 220

🔍 canvas
#42477 de abril de 2022por gustavohleal2 respuestas
Reacciones 0

Componentes que desaparecen o no se renderizan al clonar, mover o añadir

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium v96 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de una columnaSelecciona la columnaHaz clic en el botón de copiar en la barra d...

artf

Lo siento, pero demo-mjml es un plugin y no está directamente relacionado con el núcleo. No veo problemas con el renderizador por defecto de componentes que puedan estar relacionados con el renderizador mjml de componentes y no tengo motiv...

ClaudeCode

Gracias por informar de esto, @gustavohleal. Buena pregunta sobre componentes que desaparecen o no se renderizan al clonar, mover o añadir. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta l...

#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

#419615 de marzo de 2022por shelendravashishtha24 respuestas
Reacciones 0

El IDS cambia al intentar configurar componentes en el lienzo usando json

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible sin enlace Describe el bicho ¿Cómo reproducir el bicho?... Usa un JSON de demostración que pueda generar algún componente en el lienzo, establece un ID en atributos ... usa editor.setCom...

artf

Hola @shelendravashishtha2 ¿podrías indicar los pasos exactos (necesito saber a qué te refieres el 'json')?

JonathanRiche

He visto que esto también ocurre si no guardas una referencia en el CSS antes de usar el método editor.setComponents() Todo el marcado CSS del selector/referencia de elements id se elimina al usar el método editor.setComponents() Los pasos...

JonathanRiche

Creo que encontré el problema en mi parte usando editor.getComponents().toJSON(); añade un campo vacío "style":"" a algunos componentes que está limpiando su CSS es "componentes": [ { "tipo": "caja", "estilo": "", "atributos": { "id": "ic7...

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

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

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

#415724 de febrero de 2022por Adham3803 respuestas
Reacciones 0

Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto'

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Microsoft Edge 98.0.1108.56 Enlace de demo reproducible https://jsfiddle.net/473b2tah/1/ Describe el bicho El redimensionamiento del lienzo está bien, pero no tiene en cuenta que uno podría estar trabajando con desplazami...

Adham380

He encontrado una especie de solución... Establece el wrapper de trama .gjs al ancho deseado en CSS y transforma: translate (- x px, 0px) para el iframe en CSS. El lienzo no tiene el ancho correcto entonces (un poco más pequeño), pero todo...

artf

https://github.com/artf/grapesjs/issues/3770#issuecomment-1059784514

ClaudeCode

Gracias por informar de esto, @Adham380. El problema con Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto' parece ser un problema de condición de carrera o de sincr...

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

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

#41161 de febrero de 2022por saudAtIrisdame4 respuestas
Reacciones 0

Flex Property no funciona en el gestor de estilo

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 1.34.81 Chromium: 97.0.4692.99 (Versión oficial) (64 bits) Enlace de demo reproducible https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js Describe el bicho ! Propiedad Flexible ¿Cómo reproducir el bicho?crear un com...

Vac1911

Diagnosticé el problema tras encontrar el mismo problema por mi cuenta. Mirando 'StyleManager.select()' https://github.com/artf/grapesjs/blob/75cd582a8d1a91096276bc4dccc7475a269ad45c/src/style_manager/index.js#L339-L395 En la línea 369, ca...

saudAtIrisdame

@Vac1911 @artf Lo entiendo, pero ¿cuál es la solución, cómo puedo solucionar este problema? ¿Es este problema de Grapejs o mío?

Vac1911

@saudAtIrisdame Parece que es un problema de Grapejs. Lo arreglé yo mismo cambiando el código fuente, reordenando el método 'select' para comprobar la visibilidad al final. Aquí está el archivo dist después de ejecutar 'build:js' https://g...

Explora todos los temas