Issue #3011Opened September 9, 2020by jcze910 reactions

Customize result from image drag'n'drop desktop

Question

Hello,

I'm using GrapesJs with the MJML plugin and when I drag'n'drop an image from my desktop, the dropped result on the wrapper is an "image" component. But in my case I would like that the dropped result is directly a "mj-image" component.

I saw the result from the drag data transfer is computed in this method from the Droppable utils class : https://github.com/artf/grapesjs/blob/ea2f7954937c2306b284e09cf08c6e7bffb9309c/src/utils/Droppable.js#L151

Is there a way to extend this method via a new plugin ?

Thanks

Answers (1)

Related Questions and Answers

Continue research with similar issue discussions.

Issue #1464

Customizing the Component Position

First of all thank you guys for this awesome library, And I have one Clarification that is how do i customize the drop position example if...

2 answersUpdated September 29, 2019

Issue #2917

BUG: Style Manage does not hide style blocks

Hey @artf, I'm trying to hide style properties based on the selected element. for example, when I drag and drop an image on my GrapesJS, I...

3 answersUpdated August 25, 2020

Issue #2744

[QUESTION] Disable a block drag&drop

Hello everyone, I would like to make forbidden the drop of one block before another specific one. Context : i've create a new trait for som...

3 answersUpdated May 4, 2020

Issue #1735

Vuejs components builder

Hi, it would be nice to have vue components builder like mjml.. This user started project: https://github.com/Patrick-Spiegel/vue-grapesjs...

3 answersUpdated February 14, 2020

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

PresetsPluginsComponentsBlocksAssetsCommandsI18nLayersStylesStoragesRTENewslettersWeb pagesSite builders