Adding traits to wrapper

Question

I found a way to add traits to wrapper via init function,

domComponents: {
	wrapper: {
            emovable: false,
	    copyable: false,
	    draggable: false,
            traits: [...]
        }
}

But I had to add other wrapper configs such as emovable, copyable, etc. Since wrapper is only a config element I hope this is the default behavior. However if there is a way to just add traits[] without other properties, how it could be done?

Also I did following. DomComponents.getWrapper().get('traits').add({'name':'test', 'type': 'text', 'label':'Test'})

When I click on wrapper element, I get following error message.

Anyway I'm going to go with the config setting, the first one I described. If there is a better way of doing it, please give me some information.

Thanks.

artf · Accepted Answer

But I had to add other wrapper configs such as emovable, copyable, etc. Since wrapper is only a config element I hope this is the default behavior. However if there is a way to just add traits[] without other properties, how it could be done?

If you do it via init config, this is the way and you have to specify all other properties if you need them.

Also I did following. DomComponents.getWrapper().get('traits').add({'name':'test', 'type': 'text', 'label':'Test'}) When I click on wrapper element, I get following error message.

Just tried the same code on the demo and it worked as expected (try to update to the latest version)

sura2k · Answer

I was using 0.14.5. It is working nicely with 0.14.15. Thanks for the tip and sorry to bother without testing it against latest version.

betacar · Answer

@sura2k How did you extracted the wrapper's trait values after they're set? /cc. @artf

Adding traits to wrapper

Question

Answers (3)

Related Questions and Answers

Default Component Properties

[QUESTION] Best way to listen to changes on the final HTML?

Unable to create a popup by using bootbox or any other way.

add custom date time picker for countdown

Paid Plugins That Match This Issue

Related tutorials

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

Browse Plugin Categories