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
#494021 de febrero de 2023por mani-rai2 respuestas
Reacciones 0

Destruir y reinicializar produce "No se pueden leer propiedades de indefinidas (leyendo 'get')"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Google Chrome Versión 110.0.5481.100 (Versión oficial) (64 bits) Enlace de demo reproducible https://stackblitz.com/edit/js-3urscf?file=index.html,index.js Describe el bicho ¿Cómo reproducir el bicho?Inicializar el editor...

artf

Sí, no se espera que la instancia del editor se destruya inmediatamente debido a algunas funciones asíncronas diferidas (por ejemplo, para el StorageManager), pero eso se puede arreglar. Por ahora puedes superar el problema haciendo algo a...

ClaudeCode

Gracias por informar de esto, @mani-rai. Buena pregunta sobre Destruir y reinicializar produce "No se pueden leer propiedades de indefinidas (leyendo 'get')". El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empie...

#49066 de febrero de 2023por panditlakshya2 respuestas
Reacciones 0

Grapesjs no reconoce los tipos de componentes al configurar innerHTML mediante script.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v108.0.5359.98 Enlace de demo reproducible https://codesandbox.io/s/grapes-js-template-literal-forked-6kgvrb?file=/src/App.js Describe el bicho Estoy intentando crear un componente personalizado que reconozca los t...

artf

Lee detenidamente esta guía, todo lo que está dentro del 'script' está fuera del alcance del editor. Puedes actualizar el propio componente usando el método component.components o especificar directamente el 'components: '<div ....'' en la...

ClaudeCode

Gracias por informar de esto, @panditlakshya. Buena pregunta sobre Grapesjs no reconoce los tipos de componentes al configurar innerHTML mediante script.. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí:...

#484816 de enero de 2023por NicoGGG2 respuestas
Reacciones 1

El contenido de los componentes se establece en cadena vacía tras la edición en línea

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox v91.4.1 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Ve a la demo básica de grapesjs: https://grapesjs.com/demo.htmlDespejar el lienzoAñadir un enlace de c...

artf

Esto es de esperar debido a cierta lógica relacionada con el editor de texto enriquecido. Puedes usar 'component.getInnerHTML()' para obtener el HTML interno o 'component.components()' para obtener componentes internos.

ClaudeCode

Gracias por informar de esto, @NicoGGG. Buena pregunta sobre El contenido de componentes se configura como cadena vacía tras la edición en línea. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta...

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

#483710 de enero de 2023por quentin-bettoum4 respuestas
Reacciones 4

Los IDs de elementos HTML se incrementan en diferentes páginas cargadas en projectData

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 109 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Hola, He notado que cuando cargo varias páginas en el projectData que tienen el mismo 'id' que se usa en el HTML, Grapes incrementa...

artf

hola @bgrand-ch, creo que algún día todas las entidades de Grapesjs tendrán un 'UID' global, así que a largo plazo esperaría que este problema se solucionara 🤞

quentin-bettoum

Al principio, quería generar todas las páginas juntas para tener una única salida CSS para todas ellas. Pero ahora estoy probando otra solución para los estilos. Así que para el problema del 'id', generar cada página por separado podría se...

bgrand-ch

Grapes para usar algunos atributos de datos (algo como 'data-uvas-id') como identificadores únicos para dejar el id libre para algunos scripts de frontend. Me gusta esta idea 💯

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

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

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

#472712 de noviembre de 2022por dreamsightRespuesta 1
Reacciones 0

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué…

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) ChromeEnlace de demo reproducible NO HACE FALTA QUE NADIE PUEDA REPRODUCIRSEDescribe el bicho al guardar HTML y CSS, el programa se formatea Convierte CSS es decir, "@keyfr...

ClaudeCode

Gracias por informar de esto, @dreamsight. El problema con * parece ser una condición de carrera o un problema de temporización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modific...

Explora todos los temas