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 466

🔍 components
#609630 de agosto de 2024por kanaihyakumar4 respuestas
Reacciones 2

La caja redimensionable desaparece al volver a seleccionar componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/kanaihyakumar/oedg76nt/ Describe el bicho Descripción Al seleccionar cualquier componente del lienzo, se resalta la caja inferior de redimensionamiento según la conf...

kanaihyakumar

Antes, necesitaba ser más claro sobre los pasos para reproducir el problema. Aquí están los pasos más precisos para resolver el problema. Pasos para reproducir el problema:Haz clic directamente en la sección.Observa las opciones de tamaño...

kanaihyakumar

Créeme, tuve suerte de poder encontrar este comportamiento trágico de hacer clic en diferentes lugares dentro de la sección que se comportaba pero era diferente.

artf

No veo que desaparezca si no es al pulsar el clic, pero eso es de esperar cuando se prepara para arrastrarse

#608724 de agosto de 2024por leo-budgetsimple3 respuestas
Reacciones 1

Deshacer no funciona después de que se cambia el innerHTML de un componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Últimas novedades Enlace de demo reproducible https://jsfiddle.net/condsjm1/ Describe el bicho ¿Cómo reproducir el bicho?Cambiar el innerHTML de un componente Pulsa CTRL + Z ¿Cuál es el comportamiento esperado? Deshacer e...

artf

UndoManager rastrea los cambios en el estado de los componentes, no su DOM. Esto debería funcionar en tu caso 'element.components('Hello Planet')'

leo-budgetsimple

@artf ¡Gracias!

ClaudeCode

Gracias por informar de esto, @leo-budgetsimple. Buena pregunta sobre Deshacer no funciona después de que se cambia el innerHTML de un componente. El enfoque recomendado con UndoManager es usar la API orientada a eventos. Empieza aquí: Con...

#608623 de agosto de 2024por jdkcoder3 respuestas
Reacciones 1

No puede funcionar que las propiedades de indefinido (leyendo 'lastComponent') y de redimensionable no funcionen

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Edge v128Enlaces de demos reproducibleshttps://codesandbox.io/p/devbox/github/jdkcoder/cv-builderhttps://stackblitz.com/github/jdkcoder/cv-builderDescribe el bicho Estoy usando GrapesJS en Nuxt.js proyecto 3, el error 'No s...

artf

Puedes saltarte la eliminación de los componentes ('instance.value.Components.clear()') porque de todas formas estás destruyendo el editor '''js if (confirm('¿Estás seguro de que quieres limpiar el lienzo?')) { localStorage.clear() reRende...

WilliamDASILVA

@jdkcoder Al comentar la función 'reRender' ya no tenemos el problema. El error 'lastComponent' proviene de que en algún momento el 'this.get('selected')' en el Editor está indefinido. Y al comprobar el depurador, efectivamente se vuelve i...

ClaudeCode

Gracias por informar de esto, @jdkcoder. El problema con No puede leer propiedades de funciones indefinidas (leyendo 'lastComponent') y redimensionable no funcionan parece ser un problema de sincronización de la condición de carrera o de g...

#608123 de agosto de 2024por MdShadabAhamad3 respuestas
Reacciones 0

Componente personalizado que no puede ser visible en grapsJs/studio al primer renderizado

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsxDescribe el bicho No puedo ver mi componente personalizado la primera vez que renderizo mi aplicación React; cuando intento...

artf

Usa los plugins cuando quieras ampliar algo a nivel de API de GrapesJS '''js <StudioEditor ref={editorRef} opciones={{ Plugins: [ editor => addCustomComponent(editor) ], // ... ```

MdShadabAhamad

También añadí un setupStyleManager de estilo personalizado, pero se muestra en blanco, https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsx

ClaudeCode

Gracias por informar de esto, @MdShadabAhamad. El problema con Componente personalizado que no puede ser visible en grapsJs/studio al primer renderizado parece ser una condición de carrera o un problema de sincronización de gestión de esta...

#60406 de agosto de 2024por Vampire-V4 respuestas
Reacciones 0

No se pueden leer propiedades de indefinidas (leyendo 'lastComponent')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 127.0.6533.89 (Versión oficial) (64 bits) Enlace de demo reproducible Describe el bicho Por favor, comprueba esto. Selected tiene un valor indefinido . Lo usé en React y obtuve una excepción de error. /*Devuelve e...

artf

Hola @Vampire-V, por favor sigue correctamente la plantilla de problemas de errores. No podemos ayudarte aquí sin una demo reproducible.

Aravinth-2020

### Versión GrapesJS[x] Confirmo que se debe usar la última versión de GrapesJS### ¿Qué navegador usas?Versión 127.0.6533.89 (Versión oficial) (64 bits)### Enlace de demo reproducible### Describe el errorPor favor, comprueba esto. selected...

Aravinth-2020

Hola @Vampire-V, por favor sigue correctamente la plantilla de problemas de errores. No podemos ayudarte aquí sin una demo reproducible. ¿Podrías compartir la solución para eso? Tengo el mismo problema cuando selecciono el gestor de capas...

#60323 de agosto de 2024por aswinkumar8632 respuestas
Reacciones 0

El Componente de Imagen permite subir y seleccionar archivos de vídeo mediante arrastrar y soltar

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v126 Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Abrir la demoHaz doble clic en cualquier componente de imagen existente para abrir el gestor de activos.Arrastr...

artf

Gracias @aswinkumar863 por el informe. Estaré encantado de fusionar un PR de la solución.

ClaudeCode

Gracias por informar de esto, @aswinkumar863. ¡Gran sugerencia sobre El componente de imagen permite subir y seleccionar archivos de vídeo mediante arrastrar y soltar! Aunque esta función específica aún no está en la API principal, existen...

#602430 de julio de 2024por yashvi20262 respuestas
Reacciones 0

No se puede ocultar RTE para algún tipo de componente en particular

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/xxoOyXO Describe el bicho https://github.com/GrapesJS/grapesjs/issues/6019 Con referencia a esto, Quería ocultar RTE solo para algún tipo en particular. E...

artf

https://github.com/GrapesJS/grapesjs/issues/6019#issuecomment-2267466020 Por favor, evita crear números duplicados.

ClaudeCode

Gracias por informar de esto, @yashvi2026. El problema de no poder ocultar RTE para algún tipo de componente en particular parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando...

#601926 de julio de 2024por yashvi20264 respuestas
Reacciones 0

No se puede ocultar RTE en las últimas versiones

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/xxoOyXO Describe el bicho ¿Cómo reproducir el bicho?Componente de texto de eliminaciónEditar el componente de texto ¿Cuál es el comportamiento esperado? R...

artf

Sí, 'onActive' ahora es un método asíncrono, así que extenderlo con 'extendFnView' no es suficiente, tu código se ejecuta antes que el original. De todos modos, puedes conseguir el mismo resultado con una simple línea de CSS '''css .gjs-rt...

yashvi2026

Pero quería ocultar solo algún tipo concreto, por ejemplo: texto @artf

artf

Aún puedes ampliar la vista sin usar 'extenderFnView'. Reutilizar el tipo original de componente mediante prototipo, como se indica en aquí.

#600113 de julio de 2024por thighRespuesta 1
Reacciones 0

El administrador de capas se interrumpe al alternar entre páginas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? MS Edge 126.0.2592.87 (Versión oficial) (arm64) Enlace de demo reproducible N/D Describe el bicho ¿Cómo reproducir el bicho?... Usando las versiones 0.21.11 o 0.21.12 de grapesjs, crea un proyecto de varias páginas. Mient...

ClaudeCode

Gracias por informar de esto, @thigh. ¡Gran sugerencia sobre los saltos del gestor de capas al alternar entre páginas! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento simila...

#59904 de julio de 2024por ihatov084 respuestas
Reacciones 1

Cuando eliminas un componente, las clases duplicadas entre componentes se eliminan.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 126.0.6478.127 (Windows) Enlace de demo reproducible https://jsfiddle.net/t06s4oLb/8/ Describe el bicho ¿Cómo reproducir el bicho?Añadir la sección 1 al lienzoAñadir la sección 2 al lienzo bajo la sección 1Retirar...

artf

Deberías evitar poner estilos compartidos en los relacionados con componentes. Consulta esta discusión sobre cómo evitar esto: https://github.com/GrapesJS/grapesjs/discussions/5968

ihatov08

Como solución temporal, los estilos para cada componente se prefijan con id. '''js importar { html as hero1html, css as hero1css } de './data/hero-1'; importar { html as content1html, css as content1css } desde './data/content-1'; fuentes...

ihatov08

@artf Gracias por tu respuesta. Me gustaría confirmar el #5968

Explora todos los temas