FCKeditor 2.x/Developers Guide/Configuration/Configuration Options/BodyId and BodyClass - Revision history

Wiktor at 05:24, 17 April 2008

2008-04-17T05:24:39Z

W.olchawa at 10:03, 9 January 2008

2008-01-09T10:03:24Z

W.olchawa at 09:44, 9 January 2008

2008-01-09T09:44:43Z

W.olchawa at 09:43, 9 January 2008

2008-01-09T09:43:57Z

W.olchawa: New page: This pair of setting allows to specify an Id and/or Class name that will be added to the body of the edited document (not in full page mode). Additionally that same Id and/or Class name wi...

2008-01-09T09:43:37Z

New page: This pair of setting allows to specify an Id and/or Class name that will be added to the body of the edited document (not in full page mode). Additionally that same Id and/or Class name wi...

New page

This pair of setting allows to specify an Id and/or Class name that will be added to the body of the edited document (not in full page mode). Additionally that same Id and/or Class name will be applied to the Style and Format dropdown combos.

Example: your body background-color is black, but the content that is edited is placed inside a <div id="news"> element so you have this CSS
<pre>
body {
background-color:#000;
}
h1 {
color:#FFF;
}
#news {
background-color:#FFF;
}
#news h1 {
color:#333;
}
</pre>
by specifying in your config file:
<pre>
FCKConfig.BodyId = 'news' ;
</pre>
the editing area will have a white background and the heading 1 elements will be in dark color, so you can reuse the same css file for your site and the editor.

@@ Line 3: / Line 3: @@
 This pair of setting allows to specify an Id and/or Class name that will be added to the body of the edited document (not in full page mode). Additionally that same Id and/or Class name will be applied to the Style and Format dropdown combos.
-Example: your body background-color is black, but the content that is edited is placed inside a <nowiki>&amp;lt;div id="news"&amp;gt;</nowiki> element so you have this CSS
+Example: your body background-color is black, but the content that is edited is placed inside a <nowiki>&lt;div id="news"&gt;</nowiki> element so you have this CSS
 <pre>body {
 background-color:#000;

@@ Line 1: / Line 1: @@
 This pair of setting allows to specify an Id and/or Class name that will be added to the body of the edited document (not in full page mode). Additionally that same Id and/or Class name will be applied to the Style and Format dropdown combos.
-Example: your body background-color is black, but the content that is edited is placed inside a <nowiki><div id="news"></nowiki> element so you have this CSS
+Example: your body background-color is black, but the content that is edited is placed inside a <nowiki>&amp;lt;div id="news"&amp;gt;</nowiki> element so you have this CSS
 <pre>body {
 background-color:#000;
@@ Line 16: / Line 18: @@
 </pre>
 by specifying in your config file:
-<pre>FCKConfig.BodyId = 'news'&nbsp;;</pre> the editing area will have a white background and the heading 1 elements will be in dark color, so you can reuse the same css file for your site and the editor.
+<pre>FCKConfig.BodyId = 'news'&nbsp;;</pre>

@@ Line 1: / Line 1: @@
 This pair of setting allows to specify an Id and/or Class name that will be added to the body of the edited document (not in full page mode). Additionally that same Id and/or Class name will be applied to the Style and Format dropdown combos.
-Example: your body background-color is black, but the content that is edited is placed inside a
+Example: your body background-color is black, but the content that is edited is placed inside a <nowiki><div id="news"></nowiki> element so you have this CSS
-<div id="news">element so you have this CSS <pre>body {
+<pre>body {
 background-color:#000;
+}
@@ Line 16: / Line 16: @@
 </pre>
 by specifying in your config file:
-<pre>FCKConfig.BodyId = 'news'&nbsp;;</pre> the editing area will have a white background and the heading 1 elements will be in dark color, so you can reuse the same css file for your site and the editor.</div>
+<pre>FCKConfig.BodyId = 'news'&nbsp;;</pre> the editing area will have a white background and the heading 1 elements will be in dark color, so you can reuse the same css file for your site and the editor.