BUG: Change in traits does not update html
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Chrome
Reproducible demo link
https://jsfiddle.net/weellingtonc/t8hs9f67/2/
Describe the bug
How to reproduce the bug?
- add 'button-cube' component to workspace
- click on the created button
- go to the settings component and change the value of the "texto do botao" property
- open the option to view the generated html
What is the expected behavior? When updating the trait it would also generate a new html
What is the current behavior? It keeps the initial state of the button, with the old text
Note: this happens when saving too, if you click save (floppy disk) before and after changing the text, you will notice that the text value of the button does not change!
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (2)
first, you're code needs to go in a plugin https://grapesjs.com/docs/modules/Components.html#define-custom-component-type
and you're not updating the model of the component, just the html in the canvas...
Yeah correct, thanks @skru
You can also connect the content directly to the trait to read also the initial value.
traits: [{ label: 'Texto do botão', type: 'text', name: 'content', changeProp: true }],
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4323
BUG: Performance issue while dragging component to canvas when you have 2k component on canvas
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Google Chrome Version 101.0.4951.41 (Officia...
Issue #5990
BUG: When you delete a component, duplicate classes between components will be deleted.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 126.0.6478.127(Windows) Reproducibl...
Issue #5424
BUG: `component:styleUpdate` event is not fired
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 116.0.5845.187Reproducible demo link...
Issue #4411
BUG: XSS when add class name to Selector Manager
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v102 Reproducible demo link https:/...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.