[QUESTION] Add default Trait (attribute) to model for all HTML Components (elements)

Question

Hi, I've read the Traits, Components and API wikis, grepped all the open & closed issues. I've even found the code where you are creating the defaults (ID, Title, Alt) you have today. There have been similar questions asked but none answer the question at hand. For every HTML component I want to add another default attribute (trait) in addition to the predefined default attributes (ID, Title, Alt, etc.). This includes adding the new trait to flexboxes, divs, inputs, images, etc. so that when Se...

ryandeba · Accepted Answer

Hi @kewilson, You've got a few different approaches for how to accomplish this...if every single component needs this custom trait, then I would probably override the initialize method of the default component type and add it there. Something like this: Alternatively, you might be able to get away with just adding your trait the component defaults:

kewilson · Answer

Hey @ryandeba thanks so much for the suggestions. I put in the second one and it works for, well, the defaults as you would expect. Blocks like link, image, input just to name a few it doesn't add the attribute but those must be classified differently. Nonetheless an all around success in my book. Thanks again much appreciated.

josefph · Answer

@kewilson could you help me adding another default trait in a specific component?

Add default Trait (attribute) to model for all HTML Components (elements)

Question

Answers (3)

Related Questions and Answers

[Question] Add custom html inside canvas

[Question]: Add a select-option to toolbar

[BUG] Custom Trait documentation example doesn't work

Hide Trait Element

Paid Plugins That Match This Issue

Related tutorials

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

Browse Plugin Categories