Hi Bill,
When you say that the css style you attached 'shows (now?) in the window', does that mean that
• your chosen styles are available to select from the drop-down 'style' menu when you're inserting or updating a form using HTMLEditor and the styles apply properly to the finished updated page, but they just don't show in the drop-down list in the actual style they represent,
or
• they show in the HTMLEditor interface as available styles when you are trying to add them to the Editor as new styles, but don't show up in the drop-down list at all?
If the styles have been properly applied, you will have in your HTMLEditor/custom folder, two files (per Editor instance) - an XML file and a .js file. If the XML file has all your styles showing, then the Editor has recognised and made them available.
In the javascript file, look for the lines (at or near lines 33 - 35) - they should have added the correct paths to your stylesheet, the new xml file, and name the style you selected as a 'body' style (if you did):
FCKConfig.EditorAreaCSS = '../../css/sitestyles.css'; // relative to fckeditor/editor/fckeditor.html
FCKConfig.BodyClass = 'body';
FCKConfig.StylesXmlPath = '../custom/index_messageAreaStyles1.xml'; // relative to fckeditor/editor/fckeditor.html
Your stylesheet and xml files will have different names.
If you could check these out and explain a bit more about the problem, it will be easier to fix.
The Heading styles h1 - h6 can only (I think) be made to appear in the actual manner of their styles in the 'format' drop-down, by defining them in the FCKConfig.CustomStyles area in your HTMLEditor/fckconfig.js file (at or near lines 224 - 229). For example,
Line 224:
'h1' : { Element : 'h1' },
could be defined as 24px, red, Times New Roman, by editing line 244 to read:
'h1' : { Element : 'h1', Styles : { 'color' : 'Red', 'font-size' : '24px', 'font-family' : 'Times New Roman'} },
You can do this with all or some of the Heading elements as required. The format and punctuation must be exactly as above, though.
Alternatively, and easier, you could just define those styles as classes in your stylesheet, i.e:
.myH1 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#F00;;
font-size:24px;
}
.myH2 {
etc.
}
and they will show up in the styles-drop down, rather than the format drop-down.