External Elements can drag and drop in canvas?

Question

Hi Artf Actually there is no issue. we are using grapesjs in a different way. We are not using header and sidebars of grapesjs we are performing its functionalities buy our own triggers like undo redo preview etc. Is there any way i can add my own component panel having headings, images, Gallery, Videos, Vectors, Shapes etc and drag and drop own elements in GrapesJs canvas?

UmairAfzalUAT · Accepted Answer

I am working on relative and absolute both will let you know when done.

artf · Answer

Hi Umar, GrapesJS supports native HTML5 Drag&Drop, therefore you are able to drop ANY kind of draggable resources (not only from the browser) You can also extend it's capabilities by using canvas:* events, like canvas:dragdata which allows you to define what Components to use on specific dataTransfer type (eg. by default the editor accepts images and texts, you can make it understand also stuff like video and music files) BTW you're not forced to use the whole GrapesJS UI, you can configure it...

UmairAfzalUAT · Answer

Hi Artf, Thanks for help i got that and using drag and drop in the same way. you have done the great job (Y). BTW what about designer mode is that available?

External Elements can drag and drop in canvas?

Question

Answers (3)

Related Questions and Answers

How to add countdown/navigation event in undo/redo

Style Sectors

Question: To stop dynamically generated classes in grapes Editor

Load 2 canvas

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories