How to apply an external CSS to te edit box.

Hi, in my sample/test project I added an external CSSthat is applied to the "rendered" text but not in the edit box.

The thing is that I want to apply my ".title" CSS, the posted/generated code has the SPAN CLASS="title" but it is not shown in the editor window.

Can anybody help me with this?

Thanks

Tue, 06/01/2010 - 01:25

jbernal.web.dev

Joined: 01/06/2010

Posts: 5

Re: How to apply an external CSS to te edit box.

http://www.w3.org/TR/CSS2/cascade.html

 
/* .title - commenting this out in your css file and replacing it with an id selector to, say, change the color and font-size declarations for your titles: */

#title {
    color:#666; /*dark grey*/
    font-size:2.0em; /*very important title*/
}

 
/* .title - commenting this out in your css file and replacing it with an nested selector that increases specificity by giving information about the tag context: */

h2.title {
    color:#666; /*serious dark grey*/
    font-size:2.0em; /*very important title*/
}

/* in config.js
// add a class or id attribute to CKEditor's body tag to enforce important css selectors
// use config.bodyClass or config.bodyId
*/
config.bodyClass = 'content'; //supports my Drupal installation of CKEditor
// alternatively use config.bodyId = 'content';

/* additional selector for .title attributed elements */
.content .title {
    color:#666; /*serious dark grey*/
    font-size:2.0em; /*very important title*/
}