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

#52889 de agosto de 2023por pittleCheung2 respuestas
Reacciones 0

Usar la construcción tsup-node grapesjs aparecen Error no capturado: No se soporta el requerimiento dinámico de "codemirror/lib/codemirror"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible null Describe el bicho ¿Cómo reproducir el bicho?TSUP-nodo src/index.ts --formato ESM,CJS --Legacy Output --Watch ¿Cuál es el comportamiento esperado? Yo uso Vite para...

artf

Creo que tienes que hablar de eso con la comunidad de Vite, el núcleo está usando webpack ahora mismo y funciona como se espera

ClaudeCode

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre usar tsup-node build grapesjs aparecen Error no capturado: No se soporta el requerimiento dinámico de "codemirror/lib/codemirror". El enfoque recomendado con GrapesJS es usa...

#52868 de agosto de 2023por saharhagekr2 respuestas
Reacciones 0

Borde de imágenes y algunos elementos en la posición incorrecta

En pantallas de portátiles más pequeñas (como los MacBook, por ejemplo), el borde de las imágenes y algunos elementos están en una posición incorrecta (cuando hago clic para mover o redimensionar una imagen) No tengo este problema cuando el editor se renderiza en pantallas más grandes. No estoy seguro de si hay algún...

artf

@saharelhage por favor, evita convertir las discusiones en temas. Los Problemas de GitHub solo deben crearse a partir de aquí siguiendo correctamente la plantilla.

ClaudeCode

Gracias por informar de esto, @saharhagekr. Buena pregunta sobre el borde de las imágenes y algunos elementos en la posición incorrecta. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

#52807 de agosto de 2023por fluke7772 respuestas
Reacciones 0

Gestor de eventos en vista no vinculado al componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 115.0.5790.114 Enlace de demo reproducible https://jsfiddle.net/mcraf3se/5/ Describe el bicho Hola, acabo de empezar con GrapesJS, así que es bastante probable que esté malinterpretando algo fundamental....

artf

El error aquí es usar la función de flecha, solo tienes que reemplazarla por 'clickOnElement() {'

ClaudeCode

Gracias por informar de esto, @fluke777. Buena pregunta sobre El gestor de eventos en vista no está vinculado al componente. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

#52743 de agosto de 2023por wunksert4 respuestas
Reacciones 1

Error de análisis dentro de Remix

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v114 Enlace de demo reproducible https://github.com/wunksert/remix-grapes-error/tree/main Describe el bicho ¿Cómo reproducir el bicho?Clonar repositorio arribaNMP INPM run dev Verás que el iframe y el boilerplate d...

artf

@wunksert parece que el editor se inicializa consigo mismo varias veces, ¿estás borrando correctamente la instancia del editor con destroy (por ejemplo, en tu useEffect)?

wunksert

Puede que la solución se solucione más sencillamente editando la estructura o las convenciones de nombres en mi proyecto. Encantado de hacerlo si es más rápido que cambiar algo en GrapesJS Core.

artf

Sí, definitivamente no tiene nada que ver con el núcleo

#52692 de agosto de 2023por sannilaRespuesta 1
Reacciones 0

El literal del objeto solo puede especificar propiedades conocidas, y 'el' no existe en el tipo 'PanelProps'.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 115.0Enlace de demo reproducible https://jsfiddle.net/varyqjo7/Describe el bicho ¿Cómo reproducir el bicho?Crear un nuevo proyecto Angular (versión 16.1.3)Instalar la última versión de grapesjs (npm i grapesjs)Añadir...

ClaudeCode

Gracias por informar de esto, @sannila. Buena pregunta sobre Object literal que solo especifica propiedades conocidas, y 'el' no existe en el tipo 'PanelProps'.. El enfoque recomendado con StyleManager es usar la API orientada a eventos. E...

#52682 de agosto de 2023por SLain1233 respuestas
Reacciones 0

La reproducción automática para YouTube o Vimeo no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v115 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar un componente de vídeo en el lienzo.Selecciona YouTube o Vimeo y añade el ID del vídeo....

SLain123

Puedo arreglar el error yo mismo, pero no puedo hacer push de mi branch con fix to repositorio. Parece que no tengo permiso para hacer push o crear una nueva rama.

artf

@SLain123 tienes que crear un récord personal desde tu fork https://stackoverflow.com/questions/38918942/pull-request-from-a-different-repository

ClaudeCode

Gracias por informar de esto, @SLain123. Buena pregunta sobre la reproducción automática para YouTube o Vimeo no funciona. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

#526328 de julio de 2023por pittleCheung4 respuestas
Reacciones 3

¿Eliminar un componente sin eliminar su estilo correspondiente, añadiendo nuevos componentes más adelante causará conflictos de estilo?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible null Describe el bicho ¿Cómo reproducir el bicho? <img width="1666" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/114127651/c37e339a-e14f-486b-85fb-34c17...

pittleCheung

Sí, tienes razón, copio todos los estilos coincididos, así que puedo pegar en cualquier sitio, incluso pegar entre navegadores, me resulta extremadamente útil. Cuando borro un componente, no elimina los estilos correspondientes. Esto es un...

pittleCheung

Sigue siendo un problema

artf

No veo cómo esto es un error principal. Estás usando tu propia lógica de copiar/pegar y ni siquiera parece correcta, deberías ocuparte de los IDs únicos de cada componente/regla.Tras eliminar estos componentes hijos, sus estilos siguen pre...

#524924 de julio de 2023por pittleCheung3 respuestas
Reacciones 0

¿editor?. Css.addRules(targetCss);

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible null Describe el bicho ¿Cómo reproducir el bicho? ¿editor?. Css.addRules(targetCss); ¿Cuál es el comportamiento esperado? ¿editor?. Css.addRules(targetCss); Añade estil...

artf

Esto no es un error, 'Css.addRules' no tiene ningún argumento de opción. Puedes abrir una discusión sobre este tema y veremos si tiene sentido introducirlo

pittleCheung

Vale, lo entiendo, necesito añadir algunos estilos delante de un array, no al final. Como arr.unshift(css). ¿Cómo puedo hacer eso? Quizá necesite un poco de ayuda tuya

ClaudeCode

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre editor?. Css.addRules(targetCss);. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...

#524516 de julio de 2023por riteshdalal4 respuestas
Reacciones 0

El contenido de component con editable:false sigue siendo editable

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 114.0.5735.198 Enlace de demo reproducible https://jsfiddle.net/riteshdalal/obnx7sg3/22/ Describe el bicho ¿Cómo reproducir el bicho?Crear un componente con editable:false en el modeloDeja caer el componente sobre...

artf

La propiedad 'editable' no tiene significado por defecto y solo se usa internamente por otros componentes extendidos como 'Texto' o 'Imagen'

riteshdalal

@artf cómo creamos un componente que GJS no analize a los hijos.

riteshdalal

La propiedad 'editable' no tiene significado por defecto y solo se usa internamente por otros componentes extendidos como 'Texto' o 'Imagen' Esto solía funcionar en versiones antiguas de GJS. Simplemente dejé de funcionar en la 0.21.3

#524114 de julio de 2023por hanzuken2 respuestas
Reacciones 0

La posición absoluta del elemento es diferente de la posición del cursor al moverse en el lienzo ampliado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 114.0.5735.199 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Activar el modo de arrastre absoluto 'editor.editor.set('...

artf

Aquí se siguen los problemas relacionados con el modo Absoluto https://github.com/GrapesJS/grapesjs/issues/3770

ClaudeCode

Gracias por informar de esto, @hanzuken. Buena pregunta sobre La posición absoluta del elemento es diferente de la posición del cursor al moverse en el lienzo ampliado. El enfoque recomendado con Canvas es usar la API orientada a eventos....

Explora todos los temas