selected content parent tag remove

https://github.com/artf/grapesjs/issues/906#issuecomment-381403858

I need to remove the html content from editor.getSelected(). Now I’m using,

var selectedContent = editor.getSelected();
selectedContent.set('content', '');
selectedContent.components(MYHTML);

While I use selectedContent.set(‘content’, ‘’); it remove all the inner html. But didn’t remove the parent tag. For example, Before: <h2 id="it4a"><p>Sample Update Check Done</p></h2> After: <h2 id="it4a"></h2>

After set the components, its like <h2 id="it4a">NEW HTML</h2>. How to remove the parent tags while set the innerHtml empty?

Guide me how to solve this?

[afdallah]

Have you seen this #1077 answer by @artf I think it’s suited with your case.

const component = editor.getSelected();
const coll = component.collection;
const at = coll.indexOf(component);
coll.remove(component);
return coll.add('<div>New content</div>', { at });

[prabha-912]

I got the CSS too. By using this.htmlEditor..getContent(), this.cssEditor..getContent() I get all the content properly. 😃. Thanks for your response @afdallah.