Thanks, Bob!
I can't get the styles to work on my local machine (with PHP 5.0.5). However, it is working on a site on a remote host (with an older version of PHP). The styles in the dropdown are not styled, however, they are just displayed the same, regardless of what color, font-size or background-color I have set in the styles.
This is what I did:
1. I copied a style from one of the stylesheets that is attached to the template that the page I'm editing is using. In this case:
.test {color: #fff;}
2. I pasted this style (
.test {color: #fff;}) in the textarea under the Styles tab in the FCKEditorX admin interface (Extensions -> FCKeditorX).
3. I navigated to edit a page that is using the template with the stylesheet from where the style came from. In the dropdown called "Custom style" I get the style called test (that is, on the remote host, on my local computer the dropdown is empty).
Things I noticed:
- ID's do NOT work, only classes. That is, .test {font-size: #ccc;} is working, but not #test {font-size: #ccc;}
- When applying the class to a word or paragraph the style is not shown in the editor. That is, if I apply the test style with the white color (#fff), the text is still black in the editor, although the class is applied correctly on the page. But that can make it difficult for people to know that the style actually has been applied and thinking it wasn't they apply it again, so that the code will be messed up.
- The class from the custom style dropdown box is always inserted with tags, even if it spans over several parapgraphs. That is, the style is not wrapping the selected text in a tag. (Nothing wrong, just good to know).
By the way, the explanation in the Styles tab is very good!