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

@MdShadabAhamad por favor, evita abrir problemas en la discusión, gracias

icoco

No hay código fuente de estudio, ¿dónde puedes encontrar el estudio?

ClaudeCode

Gracias por informar de esto, @MdShadabAhamad. Buena pregunta sobre @artf, tengo una pregunta sobre si podemos implementar JS personalizados en Studio. ¿Significa que hay alguna funcionalidad de código JS incrustado? El enfoque recomendado...

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

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

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

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

danstarns

Hola, @sridharK64 gracias por tu informe, ¿puedes explicar tu problema, por favor? Como solo tenemos: 'Cómo cargar grapesjs por previsualización predeterminada'Tu ataque de pilas ¿Podrías contarnos qué intentas conseguir?

artf

@sridharK64 entiendo lo que quieres decir, pero la próxima vez intenta explicarlo un poco mejor. Para activar la vista previa al cargar, esto sería suficiente '''js editor.onReady(() => { editor.runCommand('core:previsualización') }); ```...

ClaudeCode

Gracias por informar de esto, @sridharK64. Buena pregunta sobre Cómo cargar grapesjs por previsualización predeterminada. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gr...

artf

@SAJAD-CH, por favor, proporciona una demo en directo reproducible (por ejemplo, a través de stackblitz) cuando abras un problema de error

ClaudeCode

Gracias por informar de esto, @SAJAD-CH. El problema con Problema en el plugin parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modifica...

ClaudeCode

Gracias por informar de esto, @danstarns. 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...

ClaudeCode

Gracias por informar de esto, @danstarns. El problema con Typescript parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las...