Custom style css

[Alex-Brines]

Hello,
I'm testing CSS style customization; you can see an example in issue #3017 . It turns out that this approach adds styles to the selected segment. This makes the last style declared on the page the dominant one. I would like to insert a with the corresponding class every time a style is selected. This will ensure that regardless of the style declaration on the page, the last one you inserted prevails. Of course, there must be the option to remove the style when it's selected again. How could I do this?

[Alex-Brines]

I've attached a link with an example, which includes a selector to add or remove custom styles.

https://codepen.io/alexbrines/pen/myeQXpa

The problem is that it creates a tag for the selected text and adds the style. So far, everything's fine. The problem is that when you select another style, it adds the new style to the class attribute, causing the styles to be added, and depending on how they were declared, it may or may not affect them. I understand that I should create another tag and add the new style.

In the example, if we select Style 1 first, it applies it correctly, but if we then select Style 2, we see that it doesn't affect it.

Regards