[QUESTION] Adding new traits to component and update current ones with these

Question

I have some custom components created before modifying their traits (for example, I created a new trait for it), these components wont contain the new trait. If I drag a new component into the editor, it will have it. Steps to reproduce: 1) Create a custom component and compile the code 2) Drag this custom component into the editor 3) Save the changes to DB 4) Modify the component by adding a new trait and compile again 5) Load the components from DB 6) Loaded components wont have the new trait...

kaoz70 · Accepted Answer

@Lakshit-Singhal In that case I think the best option would be to create a custom plugin, and before you initialize GrapesJS, call the API, get the values and pass them in the initialization function via the plugin's options, that way they are present when the trait gets initialized. Check the documentation on how to create a custom plugin, or you can take a look at my plugins: GrapesJS Bootstrap 4 and GrapesJS Swiper Slider to get an idea.

artf · Answer

This happens because the editor stores also traits information in components. You can delete this information be extending the component and updating its toJSON method ps: I think I'll remove traits from JSON in the next release. Perhaps many versions back that would have made sense, but now I'd not even recommend storing stuff in Traits

ahmedeldeeb25-zz · Answer

@artf this removed custom traits !! as I mentioned in #2007

Adding new traits to component and update current ones with these

Question

Answers (3)

Related Questions and Answers

Remove custom trait by its type.

FEAT: adding indication as a Trait without any input.

[Question] How to update attribute/properties dynamically from Component Script?

How to save the dynamically added traits

Paid Plugins That Match This Issue

Browse Plugin Categories