I have an html file loaded into fckEditor as follows.
The font displays correctly when this file is loaded in fck, but clicking within the text elements does not display the font characteristics in the toolbar. If you modify the font, fck inserts a span element and that does display in the toolbar if selected.
I would like to find a way to get the css-formatted text to display its font characteristics in the visual editor when the document loads into fck...
<p> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><style type="text/css"> <!-- table.b { width: 600px; } td.b_footer { font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; padding: 4px; text-align: center; } td.b_message { font-family: Arial, Helvetica, sans-serif; font-size: x-small; padding: 4px; vertical-align: top; } td.b_title { font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; padding: 4px; } --> </style></p> <table class="b" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="b_title">Bulletin Title Line Goes Here</td> </tr> <tr> <td> </td> </tr> <tr> <td class="b_message">Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here. Paste all message body copy here.</td> </tr> <tr> <td> </td> </tr> <tr> <td class="b_message">Name<br /> Title</td> </tr> <tr> <td> </td> </tr> <tr> <td class="b_footer">Happy Hollows Hatchery</td> </tr> </tbody> </table>