Issue #3266Opened February 9, 2021by amliu0 reactions

[Question] How to know from which block is the selected component generated ?

Question

Wondering how to do a reverse lookup, from component back to block.

I use Block Manager add() to add a block like below after initialization.

editor.BlockManager.add(
  'my-module-id', 
  {
    label: ...
    content: editor.getSelected().toHTML(),
   category: ...
  }
}

How do I if the selected component is generated by this custom block ?

Answers (1)

artf• February 19, 20210 reactions

You should think more about components than blocks, indeed the right Block should look more like that.

editor.BlockManager.add('block-id',  {
    label: ...
    content: { type: 'component-id' },
})

But in case you need it, you can always attach custom properties to your content block (which then will be appended to the component)

editor.BlockManager.add('block-id',  {
    label: ...
    content: { type: 'component-id', fromBlock: 'block-id'  },
})

Once that block is dropped you will always be able to get that property component.get('fromBlock')

Related Questions and Answers

Continue research with similar issue discussions.

Issue #1831

[Question] How to run command for a block component?

I'd like to do something like this. so once a user drops the test component into the canvas, I'd like to open up asset manager modal where...

3 answersUpdated March 10, 2020

Issue #3605

QUESTION: Adding selected component style to a block

So I'm trying to fetch the selected component and make a block out of it, however, I'm struggling with adding the css of the same. my appro...

0 answersUpdated July 23, 2021

Issue #1545

[Question] How I Get ID From Block?

Hi, i have my block and I get print in Div id results from my javascript class component... How i get ID from my block ??? editor.BlockMana...

2 answersUpdated November 2, 2019

Issue #2417

API in Component not working after Deployment

Block.js => Component.js => We are able to call the API and it works in Deployment when we are passing the whole html with script, body, st...

3 answersUpdated July 21, 2022

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