Issue #909💬 RespondidoAbierto el 28 de febrero de 2018por konstantin55000Reacciones 0

Los eventos no se disparan por arrastrar y soltar en lienzo.

Respuesta rápidapor konstantin55000

El código es sintaxis. Válido. Aquí está un jsfiddle con código https://jsfiddle.net/s9b2k7vp/ Aquí está la demo: https://www.screencast.com/t/pWcpkM7QO

Lee la respuesta completa abajo ↓

Pregunta

Hola a todos. El problema es: Los eventos, simplemente no son fuego, después de arrastrarse (dentro) del lienzo. editor.on('canvas:dragover') editor.on('canvas:drop') editor.on('canvas:dragenter') editor.on('lienzo:dragend')

El código es solo el código de la demo del repositorio, añadiendo estos 4 eventos. Aquí está el código:

var editor = grapesjs.init({ mostrar Compensaciones: 1, avisoOnUnload: 0, contenedor: '#gjs', altura: '100%',

Fragmento de códigoTEXT
> fromElement: cierto,
> storageManager: { autoload: 0 },
> styleManager : {
> sectores: [{
> nombre: 'General',
> abierto: falso,
> buildProps: ['flotar', 'pantalla', 'posición', 'arriba', 'derecha', 'izquierda', 'abajo']
>             },{
> nombre: 'Dimension',
> abierto: falso,
> buildProps: ['ancho', 'altura', 'ancho máximo', 'mínimo de altura', 'márgene', 'acolchado'],
>             },{
> nombre: 'Tipografía',
> abierto: falso,
> buildProps: ['familia de fuentes', 'tamaño de fuente', 'peso de fuente', 'espaciado entre letras', 'color', 'altura de línea', 'sombra de texto'],
>             },{
> nombre: 'Decorations',
> abierto: falso,
> buildProps: ['radio de borde-c', 'color de fondo', 'radio de borde', 'borde', 'sombra de caja', 'fondo'],
>             },{
> nombre: 'Extra',
> abierto: falso,
> buildProps: ['transición', 'perspectiva', 'transformación'],
>             }
>           ],
>         },
>       });
>  
> editor.on('canvas:dragover', function(dt, currentComp) {
> console.log('event canvas dragover', dt, actualComp);
>     });
>       
> editor.on('canvas:dragend', function(dt, currentComp) {
> console.log('caída de lienzo: ', dt, actualComp);
>     });
>     
> editor.on('canvas:dragenter', function(dt, currentComp) {
> console.log('dragador de lona', dt, actualComp);
>     });
>     
> editor.on('canvas:drop', function(dt, currentComp) {
> console.log('caída de lienzo: ',dt, actualComp);
>     }); 

Muchas gracias por responder.

Respuestas (3)

konstantin5500028 de febrero de 2018

Actualización. Los eventos están activando, pero justo después de que el bloque cae en el lienzo. No estoy seguro de si esto es un problema, porque ¿Y qué hay de event canvas:dragend y canvas:dragover? Si el bloque no cae en la lona, simplemente no disparan en absoluto. Aquí está la demo, por favor mira el vídeo: https://www.screencast.com/t/9xHVwwp3C54J https://jsfiddle.net/s9b2k7vp/2/

konstantin5500028 de febrero de 2018

Lo siento mucho. El evento no fue un incendio por la versión previa de grapes.js Gracias a todos por la atención.

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.