Necesito ayuda: ¿Conseguir el componente sobre el que se deja caer un bloque?

Question

Hola, Si arrastro y suelto un bloque en un componente añadido dinámicamente, ¿cómo puedo acceder o acceder al componente sobre el que se deja caer el bloque? He puesto el modo arrastre en 'absoluto' (modo diseño) para que los usuarios puedan dejar un bloque libremente en cualquier lugar de las páginas con una imagen de fondo para cada página. Las páginas se añaden dinámicamente cuando se inicia el editor. Los bloques deben dejarse caer en diferentes partes de una página según la imagen de fondo...

artf · Accepted Answer

Lo siento, amigo, pero aquí respondo solo a tu pregunta principalSi arrastro y suelto un bloque en un componente añadido dinámicamente, ¿cómo puedo acceder o acceder al componente sobre el que se deja caer el bloque? '''js Bloque y componente son dos cosas diferentes, si no lo entiendes, por favor lee la documentación editor.on('bloque:arrastrar:stop', (componente, bloque) => { si existe un componente, significa que la caída fue exitosa si (componente) { component.addStyle({ color: 'red' }) //...

inthismachine · Answer

@artf hay alguna forma de envolver xxx dentro de una sección MJ y una columna MJ si se cae ilegalmente? Como si el usuario intentara dejarlo caer sobre el cuerpo. La razón es que me gustaría añadir automáticamente un bloque de texto que se cae en una fila de una columna si no se deja caer dentro de una columna.

ClaudeCode · Answer

Gracias por informar de esto, @sprklinginfo. Buena pregunta sobre Ayuda necesaria: ¿Conseguir el componente sobre el que se deja caer un bloque?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente de eventos 'on()' La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes Patrones comunes: '''javascript Prestad atención a los c...

Necesito ayuda: ¿Conseguir el componente sobre el que se deja caer un bloque?

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

¿Cómo puedo conseguir código JS sin comprimir para editarlo?

¿Cómo crear un bloque personalizado hecho con componentes de grapesjs?

Style Manager no muestra múltiples reglas para la misma clase

Los elementos hijos no se pueden arrastrar, se pueden soltar y se pueden resaltar. también el CSS de todos los elementos hijos que no se insertan en la sección de estilo mientras se desarrolla un componente banner en un plugin

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