I am using FCKEditor with FCKConfig.FullPage = true
The problem I am having is that no styles are applied to the editor with either
FCKConfig.EditorAreaCSS
or
FCKConfig.EditorAreaStyles
The page being edited also has full text CSS in the head of the page and this is
not being recognised either.
Is there a workaround to this does anyone know?
Thanks
The problem I am having is that no styles are applied to the editor with either
FCKConfig.EditorAreaCSS
or
FCKConfig.EditorAreaStyles
The page being edited also has full text CSS in the head of the page and this is
not being recognised either.
Is there a workaround to this does anyone know?
Thanks
Re: Full page edit mode.
This one sounds strange though. Styles defined in the <head> should definitely be recognized. It sounds like there is something else here.
Can you show us one example of code with CSS that is being loaded?
Frederico Knabben
CKEditor Project Lead and CKSource Owner
--
Follow us on: Twitter | Facebook | Google+ | LinkedIn
Re: Full page edit mode.
<?xml version="1.0" encoding="utf-8" ?> <!-- * FCKeditor - The text editor for Internet - http://www.fckeditor.net * Copyright (C) 2003-2008 Frederico Caldeira Knabben * * == BEGIN LICENSE == * * Licensed under the terms of any of the following licenses at your * choice: * * - GNU General Public License Version 2 or later (the "GPL") * http://www.gnu.org/licenses/gpl.html * * - GNU Lesser General Public License Version 2.1 or later (the "LGPL") * http://www.gnu.org/licenses/lgpl.html * * - Mozilla Public License Version 1.1 or later (the "MPL") * http://www.mozilla.org/MPL/MPL-1.1.html * * == END LICENSE == * * This is the sample templates definitions file. It makes the "templates" * command completely customizable. * * See FCKConfig.TemplatesXmlPath in the configuration file. <Templates imagesBasePath="http://www.domain.org/templates/images/"> <Template title="Weeek At A Glance" image="wk_at_glance.gif"> <Description>Weekly events description and calendar</Description> <Html> <![CDATA[ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <style type="text/css"> <!-- h1 {font-size: 20px; font-family: Arial, Helvetica, sans-serif; color:#bf2026; padding: 2px 6px 2px 2px; margin:0;} h2 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; color:#383893; padding: 0x; margin:0;} h3 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color:#da2128; padding: 0x; margin:0; font-style:italic;} .calendar {font-family:Arial, Helvetica, sans-serif; font-size: 14px;} .footer {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#383893;} hr {color: #999999; background-color: #999999; height: 1px;} p {margin:2px; padding:0;} body,td,th {font-family: Times New Roman, Times, serif; font-size: 16px;} img { border:0;} --> </style> </head> <body> <!-- HEADER TABLE --> <table width="612" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td colspan="5"><img src="http://www.domain.org/Email%20Templates/WeekAtAGlance/images/header.gif" alt="American Yacht Club eNewsletter" width="612" height="105"></td> </tr> <tr> <td width="12"><img src="http://www.domain.org/Email%20Templates/WeekAtAGlance/images/header-spacer.gif" width="12" height="19"></td> <td width="2" bgcolor="#383894"><img src="http://www.domain.org/Email%20Templates/WeekAtAGlance/images/blue-pipe.gif" width="2" height="19"></td> <td width="584" bgcolor="#faf4c0" align="right"> <h1>[title of email]: [month], [year]</h1> </td> <td width="2" bgcolor="#383894"><img src="http://www.domain.org/Email%20Templates/WeekAtAGlance/images/blue-pipe.gif" width="2" height="19"></td> <td width="12"><img src="http://www.domain.org/sEmail%20Templates/WeekAtAGlance/images/header-spacer.gif" width="12" height="19"></td> </tr> </table> <!-- CONTENT TABLE --> <table width="588" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#383894"> <tr> <td> <img src="http://www.domain.org/Email%20Templates/WeekAtAGlance/images/july4th.jpg" alt="4th of July at AYC" width="584" height="152"></td> </tr> <tr> <td style="padding:20px"> <h2>[day of week], [month] [day]</h2> <strong>[time]:</strong> [event description]<br> <em>[event footnote]</em> <hr /> <p> <h2>[day of week], [month] [day]</h2> <h3>[highlighted event headline]</h3> <strong>[time]:</strong> [event description]<br> <em>[event footnote]</em> </p> <hr /> <p> <h2>[day of week], [month] [day]</h2> <strong>[time]:</strong> [event description]<br> <em>[event footnote]</em> <hr /> <p> <h2>[day of week], [month] [day]</h2> <strong>[time]:</strong> [event description]<br> <em>[event footnote]</em> <hr /> <p> <h2>[day of week], [month] [day]</h2> <strong>[time]:</strong> [event description]<br> <em>[event footnote]</em> </td> </tr> <tr> <td bgcolor="#fff8d6" style="padding:20px;"> <h1>[calendar head]</h1> <h2>[month], [year]</h2> <h3>[subhead, optional]</h3> <table width="100%" border="0" cellpadding="3" cellspacing="0"> <tr> <td valign="top" class="calendar">[time]</td> <td valign="top" class="calendar">[event description]</td> </tr> <tr> <td valign="top" class="calendar">[time]</td> <td valign="top" class="calendar">[event description]</td> </tr> <tr> <td valign="top" class="calendar">[time]</td> <td valign="top" class="calendar">[event description]</td> </tr> <tr> <td valign="top" class="calendar">[time]</td> <td valign="top" class="calendar">[event description]</td> </tr> <tr> <td valign="top" class="calendar">[time]</td> <td valign="top" class="calendar">[event description]</td> </tr> <tr> <td valign="top" class="calendar">[time]</td> <td valign="top" class="calendar">[event description]</td> </tr> <tr> <td valign="top" class="calendar">[time]</td> <td valign="top" class="calendar"><p>[event description]</p> <p>[event description]</p> <p>[event description]</p></td> </tr> </table></td> </tr> </table> <!-- FOOTER TABLE--> <table width="588" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td style="padding:5px 20px"><p class="footer">You have received this email as a member or the spouse a member of the American Yacht Club. If you choose to modify your profile or remove your email from our database, you must do this via your member profile at <a href="http://www.domain.org">Domain.org</a>.<br> <br> </p> <p class="footer">This eNewsletter is a publication of American Yacht Club, Milton Point, Rye NY 10580</p></td> </tr> </table> </body> </html> ]]> </Html> </Template> </Templates>Attachments:
Re: Full page edit mode.
I don't think that the templates feature is meant to contain full HTML pages, I would need to verify it, but I think that it just does insert/replace the content in the <body>.
On the other hand, if you are working with FullPage and the dialog calls SetData then it should deal properly with the headers. Check the dialog and verify what api it is calling.
Re: Full page edit mode.
Although the documentation of FullPage is pretty sparse, based on fredck's answer to some other posts I believe that FullPage mode is there exactly so you can place a complete html page, header and body, and manipulate style tags in the header.
The template feature places everything in the template definition on the page, and the FullPage mode is supposed to preserve any head and associated style tags (which it does), so everything is working as I would have expected except that the style tags in the head tag are ignored when the editor renders the "textarea".
In fact, when I submit the e-mail and retrieve the html from the editor and actually send it, it arrives as a correctly formatted html e-mail with style information intact. It is only while editing the template in the editor that the styles are ignored. Go figure...
Tom.
Re: Full page edit mode.
Take out the comments inside the style tags.
Re: Full page edit mode.
Tom.
Re: Full page edit mode.
Btw, here's the way I declare my styles (this is inside the header).
<link type="text/css" rel="stylesheet" href="../kb.css" />
Re: Full page edit mode.
Re: Full page edit mode. CSS definition removed.
Re: Full page edit mode.