El evento editor.on('bloquear:arrastrar:para') no funciona
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:
- Biblioteca Grapesjs
- Biblioteca de páginas web Grapesjs-Preset-
- Biblioteca Grapesjs-Basic-Blocks
Pero ahora deja de funcionar. Avísame si hay algún cambio en este evento.
Respuestas (3)
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:
- 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
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.
Esto me dejó perplejo. La documentación está desactualizada
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1150
[Pregunta] Obtén subidas como Base64
Hola a todos, Necesito ayuda para integrar esto en una aplicación web que tengo. Todo se renderiza y funciona como se espera, pero estoy in...
Issue #1929
Carga el gestor de activos, pero los activos no funcionan
Estoy usando el icono del lápiz para activar el gestor de activos. El disparador funciona bien, pero cuando hago clic en cualquiera de las...
Issue #1605
¿Podemos implementar las opciones de Pegar como editor de texto enriquecido en RTE?
Hola @artf he pasado por este Editor de arrastrar y soltar y qué trabajo tan increíble. También leí tu documentación e intenté ampliar el e...
Issue #1566
Estilo predeterminado para bloques personalizados
Hola, estoy usando GrapesJS para un creador de páginas dentro de una web de Prestashop. La idea es establecer la plantilla predeterminada a...
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.