DragData extend para otros componentes como div, etc
'canvas:dragdata' está pensado para enriquecer el soporte nativo de D&D. Si, por ejemplo, arrastras al lienzo un vídeo de tu escritorio y quieres que el editor lo entienda correctamente, harías algo así '''js editor.on('canvas:dragdata', (dataTransfer, result) => { si (/ dataTransfer contiene un archivo de vídeo /) {...
Lee la respuesta completa abajo ↓Pregunta
Hola @artf Cómo implementar un evento dragData para componentes personalizados (externos). Llamé al método dragData en div drag, pero DataTransfer y contenido no tienen información del componente actual de arrastre. Por favor, ayudadme, es urgente, gracias. ' this._editor.on('canvas:dragdata', (dataTransfer, content) => { console.log('dataTransfer', dataTransfer); console.log('contenido', contenido); });`
Respuestas (2)
'canvas:dragdata' está pensado para enriquecer el soporte nativo de D&D. Si, por ejemplo, arrastras al lienzo un vídeo de tu escritorio y quieres que el editor lo entienda correctamente, harías algo así '''js editor.on('canvas:dragdata', (dataTransfer, result) => { si (/* dataTransfer contiene un archivo de vídeo */) { result.content = { type: 'video', src: '...' } } });
¿Has conseguido hacer esto? Tengo problemas con el texto caído con el plugin MJML activado, debería crear un elemento MJ-text, pero en su lugar está creando una div
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2553
Modo de arrastre 'absoluto' no puede arrastrar y soltar otros componentes
Hola @artf, En modo de arrastre absoluto, no se pueden arrastrar y soltar otros componentes dentro del componente seleccionado. Este proble...
Issue #1912
[PREGUNTA] Componentes personalizados hijos por defecto
Hola, Estoy intentando entender cómo puedo lograr lo siguiente.Crear un componente con un contenido predeterminado como hijos.Crea un bloqu...
Issue #2282
[Editor UI]: Sustituye la Vista actual por los componentes principales de la interfaz del editor
¡Hola! La estructura actualmente utilizada de grapesjs se basa en aprovechar backbonejs concept de vista modelo para implementar el Virtual...
Issue #1623
Mismo diseño para todos los bloques
Hola @artf, esto en realidad no es un error, pero me gustaría preguntar Si existe algo como el diseño global para cada bloque. por ejemplo,...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.