Hello, is there a way to select an element after added to the body? When i add a link, i want to open the Component Settings immediately. How can i do it ? Thank you in advance

✓ Solved: Set selected element

Answers (2)

👍 Most helpfulMohsen-Khakbiz• May 13, 2020

I think this should work

editor.on('component:mount', function(model) {
	editor.select(model);
	const openBl = editor.Panels.getButton('views', 'open-tm');
	openBl && openBl.set('active', 1)
});

tiptronic85• May 14, 2020

It works, thank you a lot. I add the code only for links and button and it is perfect.

if model.is('link')

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 →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders

Set selected element

Question

Answers (2)

Related Questions and Answers

No way to upload background video component in the editor , Please suggest if there is any way to upload background video

Custom component styles are not applied after deletion and re-addition

CSS added via custom code persists after custom code component is removed

Text element not able to be selected twice after extended with events

Paid Plugins That Match This Issue

Browse Plugin Categories