BodyId and BodyClass"

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

 
(2 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
== BodyId and BodyClass ==
 +
 
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.
 
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>&lt;div id="news"&gt;</nowiki> element so you have this CSS
<div id="news">element so you have this CSS <pre>body {
+
<pre>body {
 
background-color:#000;
 
background-color:#000;
 
}
 
}
Line 16: Line 18:
 
</pre>  
 
</pre>  
 
by specifying in your config file:
 
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.

Latest revision as of 06:24, 17 April 2008

BodyId and BodyClass

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

body {
background-color:#000;
}
h1 {
color:#FFF;
}
#news {
background-color:#FFF;
}
#news h1 {
color:#333;
}

by specifying in your config file:

FCKConfig.BodyId = 'news' ;

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.

This page was last edited on 17 April 2008, at 06:24.