Posición de arrastre y solta
Hola, un intento de resolver esto podría ser:Encontrar el iframe del lienzoEncontrar la posición del ratón dentro del iframe Para ello, podrías combinar funciones compartidas en StackOverflow. El primer paso podría abordarse con la función que se encuentra aquí: https://stackoverflow.com/a/1452885/8658366 El segundo p...
Lee la respuesta completa abajo ↓Pregunta
Hola,
Intento que el ratón esté en la posición cuando arrastro y suelto un bloque. ¿Es posible tener la posición X y la posición Y con este evento u otro? 'editor.on('bloqueo:arrastrar:detener', modelo => [...]); `
Gracias
Respuestas (3)
Hola, un intento de resolver esto podría ser:
- Encontrar el iframe del lienzo
- Encontrar la posición del ratón dentro del iframe
Para ello, podrías combinar funciones compartidas en StackOverflow.
El primer paso podría abordarse con la función que se encuentra aquí: https://stackoverflow.com/a/1452885/8658366
El segundo paso podría abordarse con la función que se encuentra aquí: https://stackoverflow.com/a/7790764/8658366
He combinado todo eso y te he preparado una demo aquí: https://jsfiddle.net/6f3rw4um/ Comprueba la salida de la consola.
Suerte
Gracias, artf,
Ya intento capturar los eventos onmouseup o onmousemove en el iframe (y funciona), pero cuando arrastro y suelto un bloque el evento no se activa (quizá porque el ratón está en la imagen del bloque)... ¿No existe ningún evento grapesjs que tenga la posición de caída (posición absoluta)?
¡Gracias de nuevo!
Bueno, para empezar, no soy artf :) Segundo, organiza una demo en la que podamos trabajar para resolver tu problema.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1683
¿Cómo cambiar el id/clase cuando aparece un nuevo elemento en el editor o renderizo un elemento con IP dinámica?
Hola @artf, Espero que estés bien. Tengo dos preguntas sobre la suma de bloques dinámicos, 1) ¿Es posible renderizar el bloque con id dinám...
Issue #795
editor.getSelected() en run:open-assets
¡Hola! Quiero sin tener que crear un nuevo botón de bloque y detener el evento asociado a la imagen, este 'run:open-assets' obtenga el área...
Issue #816
[PREGUNTA] Añade bloque de imagen a través de la API del editor
Hola @artf, Cuando arrastro y suelto un bloque de imagen dentro del lienzo, se activa el evento 'activo' para el bloque de imagen que ejecu...
Issue #1143
Cómo habilitar la inserción de bloques provisionales
Hola equipo grapesjs Con éxito creé un componente con rasgos y un bloque para insertarlo; cuando arrastro y suelto el bloque, aparece un ma...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.