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 3,464

#478414 de diciembre de 2022por phamthanhbinh47963 respuestas
Reacciones 0

Imagen de redimensionamiento de errores

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? 108.0.5359.73Enlace de demo reproducible https://user-images.githubusercontent.com/44830209/56891735-89203380-6a8e-11e9-8d42-c530d5aa0ae2.gifDescribe el bicho Imagen de redimensionamiento de error ¡Hola! Tengo algunos probl...

MrRainDrop9x

Tengo el mismo problema, ¿alguien puede ayudarnos?

artf

Yo diría que consultes este problema para todos los bugs relacionados con el modo absoluto.

ClaudeCode

Gracias por informar de esto, @phamthanhbinh4796. El problema con Imagen de redimensionamiento de error 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 cic...

#47749 de diciembre de 2022por edenizk2 respuestas
Reacciones 1

No se pueden establecer rasgos en los atributos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://jsfiddle.net/9aj630x7/ Describe el bicho ¿Cómo reproducir el bicho?Crear un elementoEstablece el atributo data-gjs-traits a cualquier nombre de rasgo por defecto como 'id' o 'ti...

artf

Deberías usar cadenas JSON correctamente analizables, por ejemplo, 'data-gjs-traits='["id"]'', 'data-gjs-traits="[]"'

ClaudeCode

Gracias por informar de esto, @edenizk. Buena pregunta sobre No se pueden establecer rasgos en los atributos. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

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

#47631 de diciembre de 2022por quentin-bettoum2 respuestas
Reacciones 0

_undoexc estado abierto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Firefox 106Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho Hola, Cuando actualicé de la 0.19.5 a la 0.20.1, noté que el JSON de la página que obtengo usando 'editor.getProjectData()' es significa...

artf

Ah, sí, eso debería eliminarse, gracias.

ClaudeCode

Gracias por informar de esto, @quentin-bettoum. Buena pregunta sobre _undoexc estado abierto. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espec...

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

#474423 de noviembre de 2022por ronaldohoch2 respuestas
Reacciones 0

Transformar, escalar y rotar no funcionan bien.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de BraveEnlace de demo reproducible https://jsfiddle.net/ptzavm1b/Describe el bicho ¿Cómo reproducir el bicho?Haz clic en un elementoIntenta añadir este estilo css usando la interfaz de StyleManager: 'transform:scal...

artf

Ya deberías poder conseguir el mismo efecto con la propiedad de transformación por defecto, la personalizada no está completa. Intenta consultar la configuración completa aquí. En caso de que quieras actualizar propiedades, deberías poder...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. ¡Gran sugerencia sobre Transformar escalar y rotar no funciona bien.! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Us...

#474323 de noviembre de 2022por JonathanRicheRespuesta 1
Reacciones 0

La propiedad stylePrefix no sobrepone el gjs en la mayoría de los elementos con la clase gjs

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 107.0.5304.107 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/jonrobert/2gLdur9c/3/ Describe el bicho ¿Cómo reproducir el bicho?Modificar la propiedad stylePrefix en cualquiera de las...

ClaudeCode

Gracias por informar de esto, @JonathanRiche. Buena pregunta sobre que la propiedad de stylePrefix no sobrepone el gjs en la mayoría de los elementos con la clase gjs. El enfoque recomendado con StyleManager es usar la API orientada a even...

#473920 de noviembre de 2022por hemaltandel12 respuestas
Reacciones 0

Nombre de la clase CSS con '/' convertido a '-'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Edge Versión 107.0.1418.52 (Versión oficial) (64 bits)Enlace de demo reproducible https://codesandbox.io/s/peaceful-glade-rbfbwt?file=/src/app/app.component.tsDescribe el bicho ¿Cómo reproducir el bicho?Crear una nueva app...

artf

Aún deberías poder usar la opción 'escapeName' '''js selectorManager: { escapeName: valor => valor }, ```

ClaudeCode

Gracias por informar de esto, @hemaltandel1. Buena pregunta sobre el nombre de la clase css con '/' convertido en '-'. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJ...

Explora todos los temas