Problemas con GrapesJS

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

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!

GJS Helper

El problema que estás encontrando se debe a manipular directamente la propiedad de innerHTML del componente, lo que evita el mecanismo interno de seguimiento de cambios de GrapesJS. El gestor de deshacer/rehacer de GrapesJS(parte de la ins...

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 de lastComponent proviene de que la this.get('selected') en el Editor está indefinida en algún momento. Y al comprobar el depurador, efectivamente se vuelve inde...

GJS Helper

Parece que te estás encontrando con dos problemas distintos en tu proyecto de GrapesJS Nuxt.js 3. Vamos a desglosarlos y ofrecer soluciones. Número 1: Cannot read properties of undefined (reading 'lastComponent') después de clearAll() Caus...

artf

Usa los plugins cuando quieras ampliar algo a nivel de API GrapesJS

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

GJS Helper

El problema que estás experimentando, donde tu bloque de componentes personalizados no es visible en el primer renderizado pero aparece tras buscar, es un problema común de temporización relacionado con cómo GrapesJS inicializa sus compone...

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

artf

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

GJS Helper

El problema que has reportado, donde el componente GrapesJS Imagen permite subir y seleccionar archivos de vídeo mediante arrastrar y soltar, es un escenario común cuando el gestor predeterminado de arrastrar y soltar del gestor de activos...

artf

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

GJS Helper

El problema describe una necesidad común de controlar condicionalmente el Editor de Texto Enriquecido (RTE) en GrapesJS, impidiendo específicamente que se active para ciertos tipos de componentes, como los componentes de 'enlace'. Aunque G...

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

GJS Helper

Parece que has encontrado una regresión conocida en GrapesJS versiones 0.21.11 y 0.21.12 relacionada con el comportamiento del Gestor de Capas en proyectos de varias páginas. El problema se manifiesta al volver a una página cargada previam...

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