Applying two styles at the same time?

Hello,

Is it possible to apply two styles at the same time?

I want these two styles to be applied at once in a text:

I have created the following styles in fckstyles.xml:

<Style name="Blog" element="span">
<Attribute name="class" value="foo1" />
</Style>
<Style name="Blog2" element="span">
<Attribute name="class" value="foo2" />
</Style>

and in my css...

.foo1 {margin: 15px 10px;background:#FFFFFF url( quote1.gif) top left no-repeat;}
.foo2 {background: url( quote2.gif) bottom right no-repeat; padding:10px 30px 15px 0px;}

Is it possible to combine these two styles by handling only the styles or the fckconfig.js file?

Your help will be appreciated.

Best regards

Mon, 02/04/2008 - 18:36

mtablado

Joined: 05/11/2007

Posts: 45

Re: Applying two styles at the same time?

Try with EditorAreaCSS property.

http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Configuration/Configuration_Options/EditorAreaCSS

So you will have setted the styles.xml and styles.css...

Tue, 02/05/2008 - 05:31

kehagiem

Joined: 04/11/2007

Posts: 5

Re: Applying two styles at the same time?

Hello,

I can't see how the EditorAreaCSS can solve my problem.
Can you please explain little more?

How at the end there will be one entry in the Styles list box?

Regards

Tue, 02/05/2008 - 08:51

kehagiem

Joined: 04/11/2007

Posts: 5

Re: Applying two styles at the same time?

What I actually need at the end, the two styles combined the text to be like this:

<span class=foo1><p class=foo2>Bla..Bla..Bla..Bla..Bla..Bla..Bla..Bla..</p></span>

Will your suggestion achieve this?

Tue, 02/05/2008 - 15:52

mtablado

Joined: 05/11/2007

Posts: 45

Re: Applying two styles at the same time?

Hello.

Firstly, sorry about the post above, may be it is not good enough.

It is possible to configure the editor to load an external array of css with EditorAreaCSS property. Then it is possible to define css classes such as your foo1 or foo2. (I suggest you to put the css into the editor/css directory and after get success, move it if you need).

After do it, you only need to write your styles xml as this:
<Style name="Foo1" element="span">
<Attribute name="class" value="foo1"/>
</Style>
<Style name="Foo2" element="p">
<Attribute name="class" value="foo2"/>
</Style>

If you have downloaded the html samples, you could find it out at 14th.

Hope it helps you!

Wed, 02/06/2008 - 05:31

kehagiem

Joined: 04/11/2007

Posts: 5

Re: Applying two styles at the same time?

Hello,

Thanks a lot for your help.

Have a nice day