Problemas con GrapesJS

artf

Gracias por el informe @rhoenerSBS

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre Rehacer páginas que no funciona correctamente. El enfoque recomendado con UndoManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

SamMousa

Gracias, pero ese no es realmente el punto. Puedo encontrar una solución alternativa, pero eso no soluciona el error. El error es que una exportación mediante 'getProjectData()' seguida de una importación mediante 'loadProjectData()' deber...

artf

El error es que una exportación mediante getProjectData() seguida de una importación mediante loadProjectData() debería dar el mismo estado. Sí, definitivamente no es lo esperado, lo investigaremos. Aprecia los pasos fácilmente reproducibl...

artf

Gracias @SamMousa informes detallados de errores siempre son bienvenidos. Si se solicita una dirección, estaremos encantados de orientarte 🙇 ♂️

mohamedsalem401

@Alababdiy No pude reproducir el problema usando el enlace proporcionado. Sin embargo, parece que el problema es que GrapesJS no permite añadir ni definir un componente una vez que ha sido inicializado.

mohamedsalem401

Hola @Alababdiy, No pude reproducir el problema que describiste en el JSFiddle.

ClaudeCode

Gracias por informar de esto, @Alababdiy. El problema con Rasgos No Mostrados tras Recargar el Editor de Componente Personalizado parece ser una condición de carrera o un problema de sincronización de gestión de estados. Esto suele ocurrir...

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!

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