Cambios en los atributos de los componentes que se reproducen en todas las instancias en lugar de solo en una

Question

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v114 Enlace de demo reproducible https://jsfiddle.net/rmadeiraneto/t659usxv/39/ Describe el bicho ¿Cómo reproducir el bicho?Ve a la lista de bloques y arrastra el componente personalizado "ejemplo" al lienzoTres elementos que provienen de un atributo predeterminado (array) se muestran en el lienzoSelecciona el componente "Ejemplo"Ve al panel de rasgos y haz clic en el icono de más un par de...

artf · Accepted Answer

Gracias @rmadeiraneto por el informe. Sí, desafortunadamente eso es un problema si estás mutando las propiedades de los arrays/objetos de esa manera y para evitarlo tienes dos opciones:Evita mutaciones directas (asigna nuevas referencias cuando tengas que actualizarlas)Definir 'valores predeterminados' como una función '''js valores predeterminados: () => ({ customArray: [1,2,3] }), ``` Pero, por desgracia... La segunda opción no funciona ahora 😅 mismo, lo arreglaré en la próxima versión

rmadeiraneto · Answer

@artf usar los valores predeterminados como función funciona, gracias por responder rápido y por ofrecer la solución alternativa a este problema. Sobre la primera sugerencia, creo que no se trata de que las personas muteen o no el objeto, porque estamos hablando de usar el método proporcionado (conjunto). Siento no haber tenido tiempo de mirar el código fuente, pero probablemente estés modificando el objeto por defecto dentro del método 'set', probablemente porque la referencia viene de las pri...

ClaudeCode · Answer

Gracias por informar de esto, @rmadeiraneto. ¡Gran sugerencia sobre Cambios en los atributos de los componentes que se reproducen en todas las instancias en lugar de solo una! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos: '''javascript editor.on('component:update', (component) => { Tu lógica aquí }); ``` Enfoques alternativos: Escuchar 'selector:add' para cambios en el selector CSS Usar 's...

Cambios en los atributos de los componentes que se reproducen en todas las instancias en lugar de solo en una

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Las herramientas de componentes se desalinean cuando el editor se redimensiona

Cargando 'component' y 'styles' desde 'pageManager'

¿Se están eliminando los atributos de las etiquetas de script en el lienzo?

Faltan estilos en línea usados por CKEditor al añadir componentes html en bruto

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Messaging on gjs.market: talk to a studio before you buy, not after

GrapesJS DevTools: A Developer Panel Inside Your Editor

How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services

Explorar categorías de plugins