The website's css is based on the initial content area being in the following structure:
I can point the FCKeditor to use my site's css (which lets me only have to manage one css file ... required)
I can also point the FCKeditor's config: FCKconfig.BodyId to either pageBody or pageContainer. But This only partially works for having the editor match exactly, the style of the website, without duplicating code for the editor and the site itself.
What I'm looking for, and let me know if this is doable, is to have the actual editable Area for the FCKeditor as only what is in {{CONTENT}}, but the untouchable and non-returnable 3 other divs are part of the editor so the code looks exactly as to what is on the website. So when I click "save", I don't get the 3 divs that wrap the real content i'm trying to save.
<body>
<div id="pageContainer">
<div id="pageBody">
<div class="inner">
{{CONTENT}}
</div>
</div>
</div>
</body>I can point the FCKeditor to use my site's css (which lets me only have to manage one css file ... required)
I can also point the FCKeditor's config: FCKconfig.BodyId to either pageBody or pageContainer. But This only partially works for having the editor match exactly, the style of the website, without duplicating code for the editor and the site itself.
What I'm looking for, and let me know if this is doable, is to have the actual editable Area for the FCKeditor as only what is in {{CONTENT}}, but the untouchable and non-returnable 3 other divs are part of the editor so the code looks exactly as to what is on the website. So when I click "save", I don't get the 3 divs that wrap the real content i'm trying to save.