Problemas con GrapesJS

artf

@klipto-inc, por favor crea el informe de errores con una demo en directo reproducible adecuada

GJS Helper

El problema que tienes con Preline.js no funcionan en el lienzo GrapesJS , a pesar de estar incluido a través de canvas.scripts, es un problema común de sincronización en las librerías de interfaz que dependen de DOMContentLoaded para la i...

jasonvijayy

Hola @artf, Enlace reproducible También me cuelga cuando uso 'component.replaceWith()' junto con UndoManager. Esto solo ocurre cuando se activa 'replaceWith()' durante los eventos del ciclo de vida del editor (por ejemplo, 'cambiar:estado'...

GJS Helper

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre BUG/[PREGUNTA]: ¿Cómo envolver correctamente un componente al añadir/montar?. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la d...

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

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

danstarns

Prueba a usar el método '.getEl' en el componente y luego configura el elemento directamente. '''js const editor = grapesjs.init({ Contenedor: '#gjs', fromElement: 1, Altura: '100%', storageManager: { type: 0 }, Plugins: ['GJS-Bloques-Bási...

mannyyang

'''jsconst component = editor.getWrapper().find('.test-text')[0]const el = component.getEl();el.textContent = "test"

artf

@mannyyang ¿dónde sacaste el uso de 'set('content', ...'? Es más bien propiedad privada y nunca deberías usarla. Para actualizar los componentes internos de forma programática, utiliza 'component.components('test')'

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

ihatov08

@artf Lo siento, los frameworks no lo solucionan todo como dices. A partir de ahora me aseguraré de leer bien la documentación. Gracias por tu respuesta.

artf

Esto no es un bug, sino más bien un problema de experiencia de usuario relacionado con cómo funciona HTML en general; esa es también la razón exacta por la que ofrecemos el botón "seleccionar padre" en la barra de herramientas. No esperes...

GJS Helper

Este es un reto común en editores visuales como GrapesJS cuando los elementos están anidados y se solapan visualmente o comparten dimensiones similares. El núcleo del problema radica en cómo GrapesJS (y los navegadores en general) gestiona...

nhan-nguyen-se

@MarceloBD ¿Cómo lograste resolver esto? Estoy pasando por el mismo problema.

GJS Helper

Parece que has encontrado un error intermitente en GrapesJS, afectando específicamente a su carga y al panel de capas en Firefox. La TypeError: model is undefined al hacer clic en el menú de capas es una pista crítica que apunta a una cond...

artf

No puedes interactuar con el iframe durante la edición, de lo contrario no será posible seleccionarlo desde el lienzo. Sin embargo, revisas las interacciones del iframe durante la vista previa.

GJSBlock

Gracias por informar de esto, @omerson-Cruz. Buena pregunta sobre No poder usar los controles de la interfaz para el componente de vídeo cuando. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta l...