Problemas con GrapesJS

sirbeagle

Alight: lo único malo es que quizá nunca sepamos cuál fue la solución. @artf - Creo que podemos cerrar este número.

sirbeagle

He estado trasteando bastante con esto y puedo reproducir el error en el Codepen que @yashvi2026 proporcionado. Mis pasos para reproducirme (la mayoría de las veces) son muy similares: Escribe dos palabras con numerosos espacios entre ella...

yashvi2026

Sí. Después de actualizar a la última versión, este problema no ocurre.

artf

@hr1201 onRender puede activarse muchas veces, nunca deberías poner oyentes ahí si no limpias bien. Tu lógica también está puramente relacionada con modelos, así que ni siquiera debería estar en la vista, solo mueve tu código en el método...

GJS Helper

Gracias por informar de esto, @hr1201. Buena pregunta sobre un error cuando uso component:clone en un component. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grap...

maxming2333

Además del método anterior, ¿hay alguna otra forma de copiar la página?

GJS Helper

El TypeError: Converting circular structure to JSON que te encuentras al clonar el componente principal de una página de GrapesJS y añadirlo a una nueva página es un problema común relacionado con cómo se serializan GrapesJS componentes pa...

artf

Oye, @jlafosse gracias por el informe. No esperaría ese problema con la última versión: <img width="123" alt="Captura de pantalla 2024-10-21 at 19 00 04" src="https://github.com/user-attachments/assets/ff074a31-cd19-4547-bb27-596c92e16d64"...

jlafosse

¡De hecho, parece que eso ha solucionado el problema! ¡Gracias!

artf

🙌 Entonces cierre, gracias 🙇 ♂️

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

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

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

artf

Gracias por el informe @rhoenerSBS

GJS Helper

Esto es, de hecho, un error en el mecanismo de deshacer/rehacer de GrapesJS, especialmente al manejar añadidos y eliminaciones de páginas. El comportamiento que has descrito es consistente con una restauración incompleta del estado interno...

mohamedsalem401

Esto está hecho.

mohamedsalem401

La idea es refactorizar el clasificador para mejorar la mantenibilidad y legibilidad. Podemos implementar los siguientes cambios:Hacer que la clase 'Sorter' dependa de una estructura abstracta de árbol en lugar de depender de implementacio...

GJS Helper

Esta corrección y refactorización aborda varias áreas clave dentro de la lógica de movimiento de Sorter.ts y componentes de GrapesJS, resolviendo una regresión en el Style Manager y mejorando la experiencia general de arrastrar y soltar, e...

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.

GJS Helper

Te has encontrado con un problema común relacionado con cómo GrapesJS persiste y vuelve a identificar componentes personalizados tras recargar el editor. Los rasgos de tu componente personalizado desaparecen porque GrapesJS no está reasoci...