[QUESTION] Reset trait on edit the content of a custom component

Question

Hi, I have a custom component which content can be changed by switching trait select options, but also can be edited similar to the text component type when it is already rendered inside the canvas. Is there an easy way to reset the traits related attribute on edit of a component?

inaLar · Accepted Answer

@artf, regarding the "Select" I couldn't manage to connect the change in the content and make it work on change of the trait in one flow and also to change it manually by editing it's text/content. The manual change wasn't syncing the trait, but I managed to make it work. A custom text component worked just fine. As for the documentation from the last release, I am reading it right now and it looks very good, but I haven't seen it when I posted the question. It may be only me, but I learn by ex...

zgover · Answer

You could attach an event listener to the content prop of the component, then in the callback fetch the trait or change the value prop of the trait, see example below taken from docs

inaLar · Answer

Thank you Zachary1748, but I can't use that in my case. Maybe I didn't explained it right. I have a custom made component. The components content can be changed in 3 ways:When dragged and droped into the canvas (you have a popup with options)From Settings (also via choosing between options)By editing its text inside the canvas Anyway I think I fount a solution - I created a custom data type and binded the events to its change also, not only to the content changes. But I am still testing it.

Reset trait on edit the content of a custom component

Question

Answers (3)

Related Questions and Answers

Question: how to observe children changes in component

[QUESTION] What is the idiomatic way to append and remove classes from components?

[QUESTION] - Bind inner text/html (like div, p, h1) to Trait

TextNodes interfere when changing content on element

Paid Plugins That Match This Issue

Browse Plugin Categories