Issue #2577Opened February 17, 2020by dskarasev1 reactions

[QUESTION] How do I block the insertion of a block inside another block?

Question

Please tell me how do I prevent inserting a block inside another block? I use the editor to create the internal structure of an article for a WEB site. Grapejs building blocks are not used. All custom blocks are added via the configuration editor.BlockManager.add I will be grateful if you can tell me how to do that. Thanks!

Answers (1)

pouyamiralayi• February 17, 20201 reactions

@dskarasev you can define custom component type and control the dragging using draggable property:

model: {
    // Default properties
    defaults: {
      tagName: 'input',
      draggable: 'form, form *', // Can be dropped only inside `form` elements
      droppable: false, // Can't drop other elements inside
    }
  }

Cheers!

Related Questions and Answers

Continue research with similar issue discussions.

Issue #2839

[Question] I added one component named template in the blocks but when i try to drag another components inside this template component ,it will be dragged but after saving it removes all the components inside it. How to avoid this?

This is code of template component: I debugged it, so i got that : setComponents method in the dom_components clearing it ...but not gettin...

1 answersUpdated June 25, 2020

Issue #2079

Make Css style to not be returned

How to prevent the CSS of a block/component to be not returned when we used editor.getCss(); it's like https://grapesjs.com/docs/api/compon...

3 answersUpdated July 23, 2019

Issue #1574

Question, Block content from file

Hi, this is not really an issue but more a question. I'm currently using custom blocks in my GrapesJS editor. This is how I create them : I...

2 answersUpdated November 16, 2019

Issue #3337

Question: Use arrow keys to move blocks in canvas configured in absolute positioning mode

Hi, I am building a solution for students to tell their high school experiences as slides built from grapejs editor (similar to canva), and...

3 answersUpdated August 15, 2024

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

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

PresetsPluginsComponentsBlocksAssetsCommandsI18nLayersStylesStoragesRTENewslettersWeb pagesSite builders