Change an element type in editor

Question

Hi,

In my javascript i already create 2 components (type "A" and type "B) with their own traits. I create a context menu on both elements to switch (in the editor) the selected element from type "A" to type "B" and change the traits in consequence.

I didn't found the way to change the type of an element already insert in the editor. Do you have a function or a solution plz?

Thanks artf !

arthuralmeidap · Accepted Answer

Take a look here: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components It shows how to add/remove custom traits for existing types. It may help you

MisterFK · Answer

Thanks, but i don't want to change the type but i want to change the type of only one selected element... If i change the traits of component, all the others elements with this type will be changed and it's not the purpose.

artf · Answer

I didn't found the way to change the type of an element already insert in the editor. The solution will be the same in case you would like to change a

with an ... so you remove it and replace it with another component at the same index

Change an element type in editor

Question

Answers (3)

Related Questions and Answers

[QUESTIONS] change 2 attributes with 1 trait

change src for image element in model

[BUG] Model not able to change after changing value in custom Select dropdown menu.

Question: To stop dynamically generated classes in grapes Editor

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories