Problemas con GrapesJS

Ju99ernaut

He hecho uno sencillo para indexedDB, pero también puede adaptarse para otros tipos de almacenamiento https://github.com/Ju99ernaut/grapesjs-indexeddb-ui sin embargo, planeo dejarlo en favor de un nuevo plugin que incluya otros tipos de al...

artf

Sí, todavía está bastante avanzado (no tengo fecha estimada de llegada, por desgracia), pero seguro que el PageManager estará en el núcleo.

ClaudeCode

Gracias por informar de esto, @RaresVlaiduc. Buena pregunta sobre [PREGUNTA]: Plugin de varias páginas. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módul...

artf

Supongo que estás haciendo algo mal, ¿cómo creas esos componentes y sus propiedades? Ni siquiera deberías ver esos atributos en el inspector.

marcepoblet

@artf En nuestros códigos no hemos cambiado nada. La única diferencia es que actualizamos la versión de GrapesJs. Antes tenía la versión v0.16.18 y funcionaba correctamente, pero ahora actualizamos GrapesJs a v0.16.41 y no funciona para lo...

marcepoblet

Establecemos las propiedades con esto: editor.getSelected().atributos.atributos["data-gjs-editable"] = 'falso' editor.getSelected().atributos.atributos["data-gjs-copyable"] = 'falso' editor.getSelected().atributos.atributos["data-gjs-dropp...

Ju99ernaut

Creo que puedes mover los proyectos de construcción fuera de la lista de propiedades y aun así conseguir lo que buscas; las propiedades integradas relacionadas con la caja flexible solo aparecen cuando un componente tiene 'display: flex'....

server102

Gracias. Lo he probado pero las propiedades de la cuadrícula no funcionan. Puede que tenga que implementarlo manualmente, pero no estoy seguro de cómo abordar el problema de la mejor manera.

Ju99ernaut

No hay 'buildProps' para propiedades de la cuadrícula, así que tendrás que construirlas desde cero; desafortunadamente, la documentación no tiene mucha información sobre propiedades personalizadas, probablemente tendrás que juntar las piez...

artf

Hola @eikerd revisando el código, por ahora no veo otra forma de personalizar los DOMs de categorías de bloques si no haces algo por tu cuenta con el DOM (una vez que los bloques están renderizados). Probablemente añadiré la vista al model...

ClaudeCode

Gracias por informar de esto, @eikerd. Buena pregunta sobre Blockmanager: añadir DIVs personalizados de clase gjs-block-category / gjs-título. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consul...

Ju99ernaut

No estoy seguro de si existen ganchos así por componente, pero puedes intentar aprovechar la propiedad 'toHtml' de un componente. Ya se ha discutido en otros sitios, así que búscalo en los números, ya que hay bastantes.

artf

Sí, puedes definir tus componentes con una función personalizada 'toHTML'/'toJSON' (en el modelo), para personalizar su salida

ClaudeCode

Gracias por informar de esto, @sudiptochoudhury. El problema con ¿Hay algún evento por componente antes de guardar que el componente pueda escuchar? parece ser un problema de condición de carrera o de sincronización de estado. Esto suele o...

artf

Gracias por el informe, chicos, sé del error y ya está arreglado en desarrollo. Simplemente se me olvidó lanzarlo 😬. Intentaré lanzarlo hoy.

devtechk

@artf ¡Muchas gracias! me ahorraste mucho trabajo _ Estuve intentando depurar este problema toda la tarde... Luego, para casualidad, me he dado cuenta, comprobando en NPM, que la versión 0.16.44 ya estaba disponible... Has salvado, hombre....

aadilmehrajbhat

Problema de regresión desde '"grapesjs": "0.16.34"'

GayathriGuru

¡Hola! @marcepoblet ¿puedes compartir la parte del código que usaste para definir la variable changesCount y así incrementarla?

artf

Lo cierro porque no veo ningún beneficio sustancial para esta funcionalidad

ClaudeCode

Gracias por informar de esto, @marcepoblet. El problema con El parámetro changesCount debería restablecerse a cero cuando deshacemos las imágenes parece ser una condición de carrera o un problema de sincronización de gestión de estado. Est...

artf

Eso porque has actualizado los comandos originales con tus versiones (incorrectamente). De hecho, si elimino tu plugin de la demo, todo funciona como se espera. Por favor, revisa el comando original de copiar y pegar, deberías clonar compo...

artf

Solo revisa los comandos originales https://github.com/artf/grapesjs/blob/dev/src/commands/view/CopyComponent.js https://github.com/artf/grapesjs/blob/dev/src/commands/view/PasteComponent.js

bgrand-ch

@artf Gracias por tu respuesta. ¿Un enlace, un ejemplo o más explicaciones, por favor? 😅

artf

Debería poder lanzar la solución hoy 😬 https://github.com/artf/grapesjs/issues/3291

ClaudeCode

Gracias por informar de esto, @ilsantuzzo. Buena pregunta sobre Editar un clon sin afectar los componentes clonados. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

artf

Sí, @kuhelbeher, ahora el envoltorio se crea después de los plugins, así que puedes extenderlo completamente como cualquier otro componente

artf

LE: He encontrado una manera. Estoy sobrescribiendo el array stylable de getWrapper(), pero no estoy 100% seguro de que esta sea la forma correcta. ¿Puedes confirmarlo? Sí, claro, está bien, pero si lo necesitas, puedes cambiar las propied...

kuhelbeher

puedes cambiar las propiedades del wrapper en init mediante la opción 'mainConfig.domComponents.wrapper'https://github.com/artf/grapesjs/blob/18b2f95b7f844578dc2b28d786b126013d155d9e/src/dom_components/config/config.js#L9 Hola, he notado q...