Is there a way to specific CSS rules for a set of selected words? (For example, right now I can high a few words and hit BOLD to surround them with ; can I select a user style and surround them with a or something like that?
Use case is, I want the client to be able to use a different COLOR inside a P tag. Work around could be to just override the color of STRONG; but then what if they need strong in the same color…
Thanks
Hi, there is no possibility to do such a thing at the moment. We are currently rewriting editor and this is definitely a feature we will consider.
Regards
In case you select some text and press Bold from the toolbar text will be wrapped with <strong> tag.
If you select Italic, text will be wrapped with <em> tag.
What you can do is define different CSS styles for <strong> and <em> tags.
for example:
.sc-content p strong {color:red;}
.sc-content h1 strong {color:red; text-decoration:underline;}
NOTE: in order to define styles you have to declare a parent element, in this case sc-content, but it can be any other parent class.