Problemas con GrapesJS

artf

Esto no está relacionado con el núcleo y debe abordarse a nivel de plugin. Por favor, crea el problema ahí y trataremos de encontrar el enfoque correcto.

mosh-tudor

@stpp2 Esto no es realmente un error; Es más bien una característica. :) Prueba a usar 'clearStyles': https://github.com/GrapesJS/grapesjs/blob/d48e1e34a9fa363dcb83fdcca53a89563db17063/packages/core/src/editor/config/config.ts#L260-L272

stpp2

Sí, 'clearStyles' ya está activado en mi caso, pero en muchos casos no parece funcionar bien. En cualquier caso, esperaría que el componente 'Código Personalizado' estuviera algo "contenedorizado" para que no deje nada en el documento al e...

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

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

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