[Pregunta] Generar identificador dinámico en Bloque

Question

Estoy buscando crear un bloque que, al caer, genere dos componentes y estos componentes compartan algún identificador único entre sí. Si dejaba caer un segundo bloque en el lienzo, se usaba un segundo identificador.

    blockManager.add('combined', {
      etiqueta: 'combinadas',
      categoría: 'Flujo de trabajo',
      content: '<gg-list bind-id="SOMEID"></gg-list><gg-label bind-id="SOMEID"></gg-label>',
    });

Creo que podrías hacerlo creando tu propio componente, pero entonces pierdes la capacidad de redimensionar/editar cada componente individual dentro de la propiedad 'content' de los componentes.

Cualquier ayuda sería bienvenida. Gracias.

artf · Accepted Answer

Puedes aprovechar este evento '''js editor.on('canvas:drop', (dataTransfer, component) => { if (component.getEl().tagName === 'GG-LIST'){ ... } }); ```

cgatian · Answer

@artf ¡Gracias por la respuesta! Vale, estaba dudando de este enfoque, es bueno recibir opiniones al respecto. Solo para que hagas un seguimiento, no creo que haya forma de detectar qué bloque se dejó realmente caer durante el evento, ¿verdad?

artf · Answer

Solo para hacer un seguimiento, no creo que haya forma de detectar qué bloque se dejó realmente caer durante el evento, ¿verdad?

El 'componente' es simplemente el primero de tu lista, si envuelve tus dos elementos dentro de otro div, ese será el 'componente' que se elimina.

Generar identificador dinámico en Bloque

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

[PREGUNTA] Bloques atómicos o componentes complejos

¿Puedo restringir qué bloques se pueden colocar en un contenedor?

[PREGUNTA] Componentes personalizados hijos por defecto

Cómo añadir atributos de componentes (antes de renderizar)

Plugins de pago que cumplen con este problema

Tutoriales relacionados

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Explorar categorías de plugins