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 336

🔍 style-manager
#485117 de enero de 2023por chaegumi3 respuestas
Reacciones 0

This.on('change:attributes:type', this.handleTypeChange) no soportan tipo de array

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 108.0.5359.125Enlace de demo reproducible https://codesandbox.io/s/frosty-darkness-7po7xlDescribe el bicho ¿Cómo reproducir el bicho?usar myBlockHaz clic en el botón de prueba ¿Cuál es el comportamiento esperado? thi...

artf

Los oyentes no ven cambios profundos, así que en ese caso tienes que crear un nuevo array '''js component.set(this.traitName, [... this.items]); ```

chaegumi

Gracias @artf. Yo uso JSON.stringify y JSON.parse para gestionar mis datos.

ClaudeCode

Gracias por informar de esto, @chaegumi. Buena pregunta sobre this.on('change:attributes:type', this.handleTypeChange) no soportan tipos de array. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí:...

#484715 de enero de 2023por wunksert3 respuestas
Reacciones 0

Las ediciones CSS no se mantienen en el DOM

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 109.0.5414.87Describe el bicho ¿Cómo reproducir el bicho?Crear una animación @keyframes en el lienzo GrapesJSEn JS, crea una nueva CssRule pasando la siguiente cadena al editor. Css.addRules:Añádelo al lie...

artf

Parece estar relacionado con CssGroupRuleView aquí. En el caso de reglas at-rules como '@keyframes', tenemos que forzar la re-renderización del contenedor padre.

wunksert

@artf enfrentando este problema otra vez con el 'editor. CssComposer.remove(myCssRule)' El CSS del editor elimina la regla pero no se envía al DOM. ¿Cómo recomiendas forzar el rerenderizado del DOM manteniendo el estado de mi editor intact...

ClaudeCode

Gracias por informar de esto, @wunksert. Buena pregunta sobre que las ediciones de CSS no se mantienen en el DOM. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

#479721 de diciembre de 2022por vaneatkaRespuesta 1
Reacciones 0

¿cambiar el tipo keepUnusedStyles?: 0;

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible N/D Describe el bicho Por favor, fija el tipo para keepUnusedStyles?: 0; https://github.com/artf/grapesjs/blob/dev/index.d.ts#L261 para evitar códigos como este keepUnusedStyles: tan...

ClaudeCode

Gracias por informar de esto, @vaneatka. El problema con change type keepUnusedStyles?: 0; parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de...

#479621 de diciembre de 2022por RakulAgn2 respuestas
Reacciones 0

Rasgos personalizados que no se actualizan si se usa mjml

Este método funciona bien para HTML normal. Pero cuando probé con MJML para la etiqueta MJ-IMAGE El Src se actualiza en la etiqueta TR pero no se actualiza en la etiqueta img dentro de la etiqueta TR La imagen de abajo ! Captura de pantalla del 2022-12-21 13-13-13(1) Originally publicado por @RakulAgn en https://githu...

artf

@RakulAgn por favor, evita crear problemas a través de las discusiones.

ClaudeCode

Gracias por informar de esto, @RakulAgn. Gracias por compartir tu informe sobre Rasgos personalizados que no se actualizan si usas mjml. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reprodu...

#479219 de diciembre de 2022por wunksert4 respuestas
Reacciones 0

Arrastrar y soltar roto en la versión 20.2

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v108Enlace de demo reproducible ver más abajoDescribe el bicho ¿Cómo reproducir el bicho?Crear un componente personalizadoAñadelo al editor como un componente y bloque arrastrablePon el editor en modo de arrastre abs...

wunksert

Confirmé que sigue funcionando en la versión 0.20.1, así que parece que la regresión se introdujo en la versión 0.20.2

wunksert

El componente ya no se puede arrastrar una vez añadido al lienzo.

artf

Prepararé una solución para la próxima versión.

#479018 de diciembre de 2022por clonefunnels3 respuestas
Reacciones 0

Error en la versión antigua - Por si no consigo ayuda para que funcione la última versión...

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible No puedo con la versión antigua. ¡Ojalá pudiera mejorar! Describe el bicho Perdona, tenía que marcar la casilla para publicar.... ¿Cómo reproducir el bicho?... Usa la versión antigua de...

clonefunnels

No me importa quedarme con la versión antigua si esto se puede arreglar. ¿O alguien puede decirme cómo cargar HTML y CSS como antes, sin instalar una API REST?

clonefunnels

Ya he descubierto el problema. Era grapesjs-parser-postcss.min.js?0.1.1 La cambié por la 1.0.1

ClaudeCode

Gracias por informar de esto, @clonefunnels. Buena pregunta sobre ERROR en la versión antigua - Por si no consigo ayuda para que funcione la última versión..... El enfoque recomendado con StyleManager es usar la API orientada a eventos. Em...

#47717 de diciembre de 2022por henry-mmw3 respuestas
Reacciones 0

GrapesJS no entiende las reglas CSS de '@-webkit-keyframe'.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v108 Enlace de demo reproducible sin enlace Describe el bicho Añade cualquier regla CSS '@-webkit-keyframe' en el editor. Aparece como '@media' en su lugar. He añadido bastantes herramientas al constructor y parece...

ronaldohoch

¡Solo he venido aquí para abrir el mismo problema! :( @artf, puedes añadir este código para comprobarlo. '''js editor. CssComposer.addRules(' .animateanimated { -webkit-animación-duración: 300ms; Duración de la animación: 300 ms; -webkit-a...

artf

Reportado y corregido aquí

ClaudeCode

Gracias por informar de esto, @henry-mmw. El problema con GrapesJS no entiende las reglas CSS '@-webkit-keyframe'. parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vi...

#47652 de diciembre de 2022por wunksert4 respuestas
Reacciones 3

La forma documentada de analizar @keyframes no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v107Describe el bicho ¿Cómo reproducir el bicho?Sigue estas instrucciones aquí para crear tu propio analizador CSS e introduce una cadena de reglas CSS @keyframes. Usé el analizador de publicaciones preconstruido aqu...

artf

Hola @wunksert hubo un problema relacionado con los fotogramas clave aquí que ya estaba solucionado pero aún no se había lanzado.

artf

La solución está disponible en la última versión https://github.com/artf/grapesjs/releases/tag/v0.20.2

wunksert

@artf genial! ¿Sabes cuándo será el lanzamiento?

#475430 de noviembre de 2022por jasonliang-dev2 respuestas
Reacciones 0

Etiqueta de cierre '</script>' no escapada para propiedades del script

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 107.0.5304.122 (64 bits) Enlace de demo reproducible https://jsfiddle.net/j5khz1gm/ Describe el bicho ¿Cómo reproducir el bicho?Crear un tipo de componente personalizado con las siguientes propiedades pr...

derciesto

¿@jasonliang desarrollador alguna novedad sobre esto? Yo tengo el mismo problema.

ClaudeCode

Gracias por informar de esto, @jasonliang-desarrollador. Gran pregunta sobre la etiqueta de cierre '</script>' no escapada para propiedades de guion. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí:...

#475228 de noviembre de 2022por FaisalShaikhHA3 respuestas
Reacciones 0

Componente con eventos de puntero: 'all' (excepto el envoltorio) o el componente editable se pueden arrastrar y soltar a sí mismos.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 107.0.5304.121 (Versión oficial) (arm64)Enlace de demo reproducible https://jsfiddle.net/artur_arseniev/aku70f5wDescribe el bicho ¿Cómo reproducir el bicho?Intenta arrastrar y soltar el componente o componente editab...

artf

Hubo un problema con la demo en sí que ahora está solucionado (añadió 'arrastrable: falso' al componente del envoltorio).

FaisalShaikhHA

El parche para getCss que siempre devuelva el contenido del componente editable no funciona, ¿podrías ayudarme a solucionar este @artf El código de abajo (presente en el enlace reproducible de la demo) siempre devuelve todo el lienzo o la...

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. Buena pregunta sobre Componente con eventos de puntero: 'all' (excepto el envoltorio) o el componente editable se pueden arrastrar y soltar a sí mismos.. El enfoque recomendado con StyleManage...

Explora todos los temas