Am I going mad or is it impossible to set HTML tag styles (e.g. H2) in the RTE? I have ensured I followed the correct steps outlined here and the process works fine for class-based selectors but not for regular HTML tags.
I have posted my RTE.css I created to test this below. The styles all appear in the dropdown OK, and selecting the 'Massive' class results in the following markup:
HOWEVER, trying to select a Heading style does not change the markup at all, the selected text still remains as a P.
I have tested this on v7.2.0 and also I installed a fersh copy from WebMatrix (v7.1.6) puely to test this issue. The result in both cases is as I describe above. If you can corroborate my findings please let me know and I will raise a bug. Or let me know the crucial step I am missing! Thanks.
Unable to set tag styles in RTE
Am I going mad or is it impossible to set HTML tag styles (e.g. H2) in the RTE? I have ensured I followed the correct steps outlined here and the process works fine for class-based selectors but not for regular HTML tags.
I have posted my RTE.css I created to test this below. The styles all appear in the dropdown OK, and selecting the 'Massive' class results in the following markup:
(Annoying use of span but anyway, it works).
HOWEVER, trying to select a Heading style does not change the markup at all, the selected text still remains as a P.
I have tested this on v7.2.0 and also I installed a fersh copy from WebMatrix (v7.1.6) puely to test this issue. The result in both cases is as I describe above. If you can corroborate my findings please let me know and I will raise a bug. Or let me know the crucial step I am missing! Thanks.
RTE.css:
Hi Barry
Have you added the tags as child of the RTE style so they're listed underneath rte in the umbraco backoffice?
Like this
rte - h1 - h2 - .massive
etc?
If so...have you made sure that the alias corresponds to the desired element name? So that the value in alias is h1 for heading 1?
Hope this makes sense.
/Jan
Hi Jan, yes and yes.
AHA - THanks Jan, the values are case sensitive, I had set the aliases as H2 etc. Correcting that to lowercase resolved the issue.
Hi Barry
Happy to hear you got it sorted - yup it is indeed :)
Happy coding.
/Jan
NB One gotcha to note is that editing the styles in the backoffice results in all CSS code above the
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
line gets removed.
is working on a reply...