Header and footer HTML

Hi,
there is a way to add a custom piece of HTML between BODY tag and editor text, and between the end of editor text and </BODY> tag?

The problem is this: Into the editor I have to use the same css file of final website and I can't modify the css.
The final site html structure is:

<BODY>
   [....]
   <DIV class="article">Article text</DIV>
</BODY>

The css file don't work into fckeditor because <DIV class="article"> and </DIV> are missing.
With BodyId and BodyClass I can't resolve the problem.

Thanks

Wed, 07/01/2009 - 16:54

krappies

Joined: 30/06/2009

Posts: 48

Re: Header and footer HTML

What do you mean when you say editor text?
Also, have a look in fckeditor\editor\css, there are styles for the editor which you can overwrite. For the preview, do the fck_editorarea.css file.

Hope this helps a bit...but let us know a bit more (ie. source example) of what you want.

Thu, 07/02/2009 - 11:04

granchi

Joined: 01/07/2009

Posts: 2

Re: Header and footer HTML

The problem is that into fckeditor I must have the same DOM of the web page. So into fckeditor I can use the same CSS of the web page.
If the webpage template DOM is:

<body>
  [...]
  <div class="left_column">
    <div class="article">
      Bla bla bla (article text edited with fckeditor)
    </div>
  </div>
</body>

And I have a CSS like:

body {font-size:1em; font-color:red;}
div.left_column {font-size:3em}
div.article {font-color:blue}

Into the webpage, article text will be blue and size 3em;
into fckeditor, article text will be red and size 1em, because <div class="left_column"> and <div class="article"> will missing. In fact fckeditor iframe add only <body> tag (or full html)

What I want is a way to add some invisible and protected tags before and after user text.

Thanks

Fri, 07/03/2009 - 10:16

krappies

Joined: 30/06/2009

Posts: 48

Re: Header and footer HTML

It is hard to suggest something since I do not know exactly what you are trying to do. From the code that you gave, I would put the editor inside "article" and set the css in \fckeditor\editor\css\fck_editorarea.css to match that of "article"
If they should be able to edit the entire page, set the initial value of the editor to:

<div class="left_column">
    <div class="article">
        Bla bla bla
    </div>
</div>

Then hide the source button if it is for clients so that they cannot remove the columns...almost like the templates...and then add your css to the \fckeditor\editor\css\fck_editorarea.css file.

If this does not help, maybe try and get and simple example file up so I can get a better idea of what you want.