I stumbled across problems when using em as unit for font-size values in editor-enabled css classes that show up in the "Format" dropdown list). In my case text is very small which (in my opinion) is caused by the font-size of the umbraco panels that surround the editor. Are there any known solutions to this?
I'm not 100% sure but when you are using ems it can happen that the font-size decreases because of some multiplying (done by the browser) that returns a font-size that is smaller than you intended it to be.
I think that when using editor-enabled CSS that you should stick to using absolute sizes.
I tend to add a special css file for the richtext editor to apply overrides to clear a background image or that sort of thing. You could probably set the font-size starting point as well I should think, though I've not tried it.
Here's an example of how I target the RTE...
/* USED ONLY BY THE TINYMCE RICHTEXT EDITOR; NOT USED ON THE SITE ITSELF */
Thanks Doug, that requires me to sync between editor-only stylesheet on one hand and site stylesheet on the other hand, but that shouldn't come in too often.
You can certainly include any of the .mceContentBody, .mceEditorIframe {} items right in your main css. I'm a bit of a perfectionist so I like to keep them separate but its only a few extra bytes to download if you include them in your main css file so no real harm done by using just one css file for everything.
Rich text editor and em-values for font size
Hi,
I stumbled across problems when using em as unit for font-size values in editor-enabled css classes that show up in the "Format" dropdown list). In my case text is very small which (in my opinion) is caused by the font-size of the umbraco panels that surround the editor. Are there any known solutions to this?
André
Hi André
I'm not 100% sure but when you are using ems it can happen that the font-size decreases because of some multiplying (done by the browser) that returns a font-size that is smaller than you intended it to be.
I think that when using editor-enabled CSS that you should stick to using absolute sizes.
/Jan
I tend to add a special css file for the richtext editor to apply overrides to clear a background image or that sort of thing. You could probably set the font-size starting point as well I should think, though I've not tried it.
Here's an example of how I target the RTE...
cheers,
doug.
Thanks Doug, that requires me to sync between editor-only stylesheet on one hand and site stylesheet on the other hand, but that shouldn't come in too often.
You can certainly include any of the .mceContentBody, .mceEditorIframe {} items right in your main css. I'm a bit of a perfectionist so I like to keep them separate but its only a few extra bytes to download if you include them in your main css file so no real harm done by using just one css file for everything.
cheers,
doug.
Saved my day today Doug :)
is working on a reply...