CKEditor 4
Tue, 08/31/2004 - 10:54
#1
eerkel
eerkel's picture
Joined: 26/08/2004
Posts: 5

Apply CSS styles without adding <font>

I have a doc with this source:

<p>Hello world!</p>

Is it possible to add a css style WITHOUT adding surrounding <font> tags?, like this:

<font class="Blue"><p>Hello world!</p></font>

There are a number of problems with adding new tags when applying a style. Any help with this matter is greatly appreciated.
Top
Thu, 08/26/2004 - 15:40
kristib
kristib's picture
Joined: 01/11/2005
Posts: 12

RE: Apply CSS styles without adding &lt;font&gt;

Are you asking if CSS/HTML allows you to add styles without the font tag, or are you asking if FCKeditor can add styles without adding surrounding tags?
In CSS there are several ways to do this. You can add style-color information in the P tag:
<p class="blue">Hello world!</p>
or
<p style="color:blue;">Hello world!</p>

I believe FCKeditor typically does add a span or div tag surrounding your selection with classes applied.
Top
Fri, 08/27/2004 - 08:22
eerkel
eerkel's picture
Joined: 26/08/2004
Posts: 5

RE: Apply CSS styles without adding &lt;font&gt;

I'm asking if FCKEditor can add styles without adding surrounding tags. Because otherwise you get all kinds of garbage tags.
Top
Fri, 08/27/2004 - 10:23
kristib
kristib's picture
Joined: 01/11/2005
Posts: 12

RE: Apply CSS styles without adding &lt;font&gt;

I do not know the answer to that question - I'm not sure it can.
It's actually tries to be somewhat smart about what it adds - it sometimes tries to remove extra tag sets - but not always.
I do have problems with it's selection and application of tags though.
But not sure why the extras cause you problems? are you parsing the html afterwards or something?
Kristi
Top
Fri, 08/27/2004 - 12:43
eerkel
eerkel's picture
Joined: 26/08/2004
Posts: 5

RE: Apply CSS styles without adding &lt;font&gt;

I should explain that I've selected to go with <p> tags instead of <br> tags for each carriage return. Therefore, when I apply a style, the editor wraps my <p> tag with a <font> tag... but the <p> tag overrides the <font> tag thereby nulling the effect.

I'm finding it nearly impossible to apply even the most basic formatting using the stylesheet. There must be a way?!?
Top
Fri, 08/27/2004 - 12:56
kristib
kristib's picture
Joined: 01/11/2005
Posts: 12

RE: Apply CSS styles without adding &lt;font&gt;

Huh. When I use the Style drop down, it does not add FONT tags, it adds either span or div tags, which inherit down to the P tag just fine.
Are you sure you're set up to use the STYLE drop down, and are not using the FONT drop down?
and I should probably clarify - you're not using the 2.0 version are you? I'm still on the older version.
Top
Mon, 08/30/2004 - 08:47
eerkel
eerkel's picture
Joined: 26/08/2004
Posts: 5

RE: Apply CSS styles without adding &lt;font&gt;

Yes, I'm using 1.6... I'm using the style, not the font drop-down.

You can change the surrounding tag that is applied by tweaking the Javascript. The default appears to be <font>, it can also be changed to <span> or <div>. However, regardless of what it is changed to, it is still adding tags.

Shucks - I may try adding the div - that may help.
Top
Mon, 08/30/2004 - 12:13
eerkel
eerkel's picture
Joined: 26/08/2004
Posts: 5

RE: Apply CSS styles without adding &lt;font&gt;

http://editor.hardcoreinternet.co.uk/ha ... multi.html













Top
Tue, 08/31/2004 - 10:54
kristib
kristib's picture
Joined: 01/11/2005
Posts: 12

RE: Apply CSS styles without adding &lt;font&gt;

I had not seen that editor before. I am curious - it looks good, and it looks like it costs $40US per site license. If you're willing to spend money, and you like how that works, why don't you go with that "hardcore" editor? Does it have other problems?
Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check