Mjml in react,Component cant't draggable

[yongma16]

compared to mjml demo，I find a question，react actual render html content lack `

it is render in react page，i think it may cause the component cant not draggle：

`

wraning info: { "errors": [ "Target collection not found", "Component not draggable, acceptable by [[data-gjs-type=\"mj-body\"], [data-gjs-type=\"mj-wrapper\"]]" ], "model": { "tagName": "mj-section", "type": "mj-section" }, "context": "sorter", "level": "warning" }

[DreamCloudProject]

I have the same issue with Lit Element. This problem can be related because React and Lit are using web-components.

[yongma16]

thank you very much，I solved the problem by the grapes addcomponents api

[DreamCloudProject]

thank you very much，I solved the problem by the grapes addcomponents api

So, what did you exatcly fix? I can't add any blocks to the canvas.

[DreamCloudProject]

Here's what I see in the console.

[yongma16]

thank you very much，I solved the problem by the grapes addcomponents api

So, what did you exatcly fix? I can't add any blocks to the canvas. I write a demo，you can Reference code https://github.com/yongma16/grapes-mjml-react/blob/master/src/views/EmailPage.tsx

[yongma16]

I have the same issue with Lit Element. This problem can be related because React and Lit are using web-components.

Brother, does the MJML plug-in have an api for converting html to mjml?

[DreamCloudProject]

thank you very much，I solved the problem by the grapes addcomponents api

So, what did you exatcly fix? I can't add any blocks to the canvas. I write a demo，you can Reference code https://github.com/yongma16/grapes-mjml-react/blob/master/src/views/EmailPage.tsx

I have solved a problem. Thanks!

[DreamCloudProject]

I have the same issue with Lit Element. This problem can be related because React and Lit are using web-components.

Brother, does the MJML plug-in have an api for converting html to mjml?

No, I store the original mjml code separately in the database. I only request the parsed HTML to be sent in an email. Accordingly, I request the mjml code in the grapesjs editor.

[artf]

Closing as it seems to be solved.