Ultimately, all I needed to do was create a data-attribute on the
richtext node that I could target with authoring-specific CSS. The
answers below all point to that, but I think maybe went in a direction
that was too complex for what I was trying to do.
I'd like to use the RTE for a title component, which generally implies a
limited number of characters. Titles rarely exceed more than a few
words, and having the full RTE box might suggest to our authors that
they can insert longer than normal titles. I don't think we're at the
point of limiting characters through validation. We just want a visual
reinforcement of the idea that titles should be kept short.
Unfortunately, I don't think we have dialog markdown that I can modify.
I've only ever built the dialog using nodes/XML. I'm assuming that maybe
I can add a custom data variable that can be used for targeting by CSS.
A designer on our team is asking us to modify our Title component to
allow the use of bold formatting on part or all of the title. Bolding
the whole thing would be easy enough, but it's the partial bolding of
text that I can't figure out. I've tried switching the field to richtext
and then eliminating all plugins except the bold formatting. But the
problem there is that now I have a huge text entry box and I can't
figure out how to make it one line. I'm wondering if there's a different
TL;DR - I'm trying to apply a clientlib to the page content in
editor.html without it being included in the published content. AEM has
a clientlib for FontAwesome here:
is included in editor.html, but because the content of the page is
actually in an iframe, the font-awesome styles don't apply to any of the
components. I'm trying to figure out how I can either 1) use the
existing CSS call to apply to the contents in the ifr...