Drag/Drop in Editor instantiated with grapesjs-mjml plugin not working

[sahsharm]

Hi, Drag and Drop of any MJML block on the canvas fails with the following warning:- Target collection not found, Target is not droppable, accepts [undefined], Component not draggable, acceptable by [undefined]

[sahsharm]

Hi Team, Can anybody please respond ? Thanks, Sahil

[thanhtunguet]

Hi @sahsharm , please read the official documentation of grapesjs and config your editor by passing onInit function prop

[sahsharm]

Hi @thanhtunguet, thank you for replying.

This is what I have been trying to do. Not sure where I am going wrong.

import React from 'react'; import './App.css'; import {Editor} from 'grapesjs-react'; function App() { return ( <Editor plugins={["grapesjs-mjml"]}/> ); } export default App;

Index.html grapejs dependencies

[sahsharm]

Drag and Drop in default editor without the plugins property works fine.

[thanhtunguet]

Drag and Drop in default editor without the plugins property works fine.

Did you passed both plugins mjml as a string and presetType? It may caused that error

[sahsharm]

No, I just passed the plugins, it will be really helpful if you can paste the recommended configuration here.

[sahsharm]

Hi @thanhtunguet , if you could please help in resolving this.

[thanhtunguet]

@sahsharm Can you help me solving this? I am a little bit busy and do not have time to solve issues of this package

[thanhtunguet]

@sahsharm Have you try this:

<Editor presetType="mjml" />

[buzztnt]

@sahsharm did you ever find a solution to this ?