Problemas con GrapesJS

artf

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

ClaudeCode

Gracias por informar de esto, @klipto-inc. El problema con Javascript CDN que no funciona en grapejs canvas parece ser una condición de raza o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ci...

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

ClaudeCode

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

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')'

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

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

ClaudeCode

Gracias por informar de esto, @ihatov08. Buena pregunta sobre No se puede seleccionar en el lienzo si las etiquetas están anidadas. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

nhan-nguyen-se

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

ClaudeCode

Gracias por informar de esto, @MarceloBD. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix' para...

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.

ClaudeCode

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