Issue #765💬 RespondidoAbierto el 16 de enero de 2018por perfect-codersReacciones 2

El evento editor.on('bloquear:arrastrar:para') no funciona

Respuesta rápidapor artf1

Hola programadores @perfect, con la última versión https://github.com/artf/grapesjs/releases/tag/v0.13.5 el arrastrar y soltar en HTML5 está activado por defecto (desactivable mediante la opción 'nativeDnd') y, por desgracia, no pude mantener estos eventos con este método. El nuevo módulo de d&d ofrece funcionalidad s...

Lee la respuesta completa abajo ↓

Pregunta

Estoy usando este evento muchas veces en la aplicación de la biblioteca anterior. Ahora he actualizado la biblioteca. He actualizado las siguientes bibliotecas:

  1. Biblioteca Grapesjs
  2. Biblioteca de páginas web Grapesjs-Preset-
  3. Biblioteca Grapesjs-Basic-Blocks

Pero ahora deja de funcionar. Avísame si hay algún cambio en este evento.

Respuestas (3)

artf17 de enero de 2018

Hola programadores @perfect, con la última versión https://github.com/artf/grapesjs/releases/tag/v0.13.5 el arrastrar y soltar en HTML5 está activado por defecto (desactivable mediante la opción 'nativeDnd') y, por desgracia, no pude mantener estos eventos con este método. El nuevo módulo de d&d ofrece funcionalidad similar, pero ahora es más genérico, por lo que se activa 'canvas:drop' con cualquier caída de componentes (de bloques o cualquier otra fuente del sistema operativo). Así que tienes dos opciones:

  1. Conserva el nuevo módulo de D&D y sustituye tus viejos eventos de 'bloquear:arrastrar:parar' por algo de este tipo '''js editor.on('canvas:drop', (DataTransfer, model) => { // ... })
2. Desactivar el nuevo módulo
'''js
grapesjs.init({
	//...
	nativeDnd: falso
})

Gracias por señalarlo, de hecho actualizaré el registro de cambios

perfect-coders17 de enero de 2018

Muchas gracias por la respuesta rápida. Siempre me encanta tu respuesta rápida. Tengo algunas opciones de inversión para ti. Espero saber de ti pronto.

cgatian17 de mayo de 2018

Esto me dejó perplejo. La documentación está desactualizada

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.