Dragging blocks into another block
I am using gridly and high charts as two different blocks. I will drag the gridly block first and drag the the chart into the gridly block. How can this be done. I am only able to place the chart around the gridly block. But I want it inside the gridly block. Each gridly block has an div element where i want to add th...
Read full answer below ↓Question
WARNING
READ and FOLLOW next 5 steps, then REMOVE them before posting the issue
- Follow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md
- Use the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg.
[Bug]: .... - Do a quick SEARCH first, to see if someone else didn't open the same issue
- DON'T ASK to create examples/code for you, read DOCS and APIs first, then you can post what you have tried (we'd like to see your code) and what you're unable to achieve
- All relative statements/questions have to be filled/answered, otherwise, the issue might be CLOSED
You're submitting a BUG
- Are you using the latest release (older versions are NOT supported)?
- If you're not sure, type
grapesjs.versionin console and press ENTER
- If you're not sure, type
- Are you facing the bug with your local copy of GrapesJS or with the current demo?
- If a local copy
- Indicate all informations about your OS, browser and GrapesJS version.
- Are you able to reproduce the bug from the demo?
- What is the expected behavior?
- What happens instead?
- If you're able to reproduce the bug indicate all the necessary steps
- Attach screenshots (using KAP/LICEcap), screencasts or live demo
- JSFiddle Starter template https://jsfiddle.net/szLp8h4n
- CodeSandbox Starter template https://codesandbox.io/s/1r0w2pk1vl
You're submitting a FEATURE REQUEST
- Be sure to work on the latest version, as the feature might be already there
- Keep in mind that the feature should be considered valid to use for everyone, not only for your case
Answers (3)
I am using gridly and high charts as two different blocks. I will drag the gridly block first and drag the the chart into the gridly block. How can this be done. I am only able to place the chart around the gridly block. But I want it inside the gridly block. Each gridly block has an div element where i want to add the chart inside the div element.
Please read the documentation first, seems like you have no idea how Components work...
can you just help me how to do it . I still could not figure it out. A sample code would be really helpful.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1590
Integration with another template
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grape...
Issue #2561
How to add extra options to the block element next to delete option ?
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grape...
Issue #2142
Drag component with its parent
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grape...
Issue #2424
Form new <P> tag by closing the existing <p> tag while enter is clicked
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grape...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →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.
Tutorial
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
Tutorial
GrapesJS vs Webflow vs Builder.io vs Puck: Which Visual Builder to Choose in 2026
A practitioner's 2026 comparison of GrapesJS, Webflow, Builder.io, and Puck — pricing, AI features, lock-in, and a one-line rule for picking the right one
Tutorial
Big news from DevFuture — we just repriced everything
Hey GrapesJS community 👋 we just repriced all prices on plugins.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.