User-defined CSS and style assignments

Hi Forum,

I use CKEditor in a CMS environment. I want to add/use my user-defined CSS stylesheets for the CMS output.
Unfortunately ckEditor outputs style-Tags instead class-Tag. So if you I assign a certain style to a text, the source says:

<div style="font-size:12px;background-color:#00ff00;">test</p>

for instance.

But what I need is

<p class="myStyle">test</p>

with the linked stylesheet containing

.myStyle { font-size:12px;background-color:#00ff00; }

I know this feature from the RTE in TYPO3. How can I use this with ckEditor (and maybe a plugin)? ;=)

Thanks for any help

Regards
kk3003

Sun, 04/18/2010 - 16:01

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: User-defined CSS and style assignments

Please, read the FAQ

Sun, 04/18/2010 - 16:02

kk3003

Joined: 18/04/2010

Posts: 2

Re: User-defined CSS and style assignments

Ok, thanks and sorry...

Before I read the section, it is generally possible, or?

Mon, 04/19/2010 - 20:07

andreih

Joined: 19/04/2010

Posts: 1

Re: User-defined CSS and style assignments

Hi,

I'm having a problem with this too...

I have this defined class

CKEDITOR.addStylesSet('myCss',
[
{
   name : 'Div smecher',
   element : 'p',
   attributes : { 'class' : 'myClass' }
}
]);

The 'Div smecher' appeared in styles section, but when using it, it does not have any style....
And I'm trying to edit and get the actual style of myClass right in the editor...
I'm loading it like this:

        
CKEDITOR.replace('slotContent',
    {.......
        stylesCombo_stylesSet : 'myCss',
        contentsCss : '/js/ckeditor/ckeditor/contents.css',
      ...});

I added a class named myClass in contents.css

Is it possible to load the actual style of a class directly in the editor?

Thank you..