Issue #3405💬 AnsweredOpened April 20, 2021by chrisijoyah0 reactions

An event to hook into before a block in dropped into the canvas

Quick answerby artf

Hi @chrisijoyah did you try using canvas:dragdata? Here an example of usage https://jsfiddle.net/artur_arseniev/87rcb24n/

Read full answer below ↓

Question

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, the issue might be CLOSEDJSFiddle Starter template https://jsfiddle.net/szLp8h4nCodeSandbox Starter template https://codesandbox.io/s/1r0w2pk1vl What are you trying to add to GrapesJS? Describe your feature request detailed There is currently an event to hook into canvas:drop which...

Answers (4)

chrisijoyahApril 20, 2021

Hi @chrisijoyah did you try using canvas:dragdata? Here an example of usage https://jsfiddle.net/artur_arseniev/87rcb24n/ Does this mean I can prevent the dropped model from being added to the Canvas. Ideally I want to carry out some checks to determine if the dragged block can be dropped into a se...

artfApril 20, 2021

Can I do something like result.content= ''

Yeah, you should be able to do that with that trick. Can you tell me more about your use case, what kind of check are you trying to perform?

GJSBlockMay 17, 2026

Thanks for reporting this, @chrisijoyah. Great suggestion about FEAT: An event to hook into before a block in dropped into the canvas! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches: Listen to...

Related Questions and Answers

Continue research with similar issue discussions.

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...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Related tutorials

In-depth guides on the same topic.

All tutorials →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.