FCKEditor Modul

[Hans]

Could this problem be removed by changing Media-directory in Advanced settings?
Didn't try just a thought.
Hans

[ruebenwurzel]

New Version of FCKEditor released. Since 23. December FCKEditor 2.2 is available. For more information about the changes read here.

I have updated the FCKEditormodul at completed Modules with this new version. There are no changes in functionality, only the new FCKEditor is implemented.

To update an existing Modul only uninstall the oldone and install the newone.

Have fun

[Hans]

Thanks Matthias, everything seems to work OK.
Hans

[ruebenwurzel]

FCKEditor Modul 2.0 released

The only change from 1.9 to 2.0 is that in 1.9 the "media" folder was hardcoded. For all who uses this standard folder from WB they don't need to update.

Version 2.0 now uses "MEDIA_DIRECTORY" instead of "media". FCKEditor now works with the Media dir that is stored in settings/advanced settings.

Have fun

[Woudloper]

Today I was working again with WebsiteBaker in combination with the FCK Editor (not the latest version) and was observing the following.

It is not possible to access the 'download_gallery' directory as all my downloads are listed over there. Is there a way to make it possible that the browse file/image also handles the 'download_gallery' or should I do that myself. If so, can someone tell me how to do this...

[ruebenwurzel]

Hello Woudloper

with the actually Version of FCKEditor Modul it is possible to browse the whole media folder inclusive .gallery and download_gallery. When you wanna insert a image, a link or a flash animation and you go to browse server you first got the popup Window with "File" on the left side. In this list on the left side you also could choose "All" and then you see in the right side all the subfolders of the media dir.

Matthias

[ruebenwurzel]

OK, here we go

next step to a new dimension of FCKEditor modul. Thanks to woudloper for the great work. And here are the new features:

• Editorwindow supports the style from your template
• Styles from Template are shown in the styles dropdownlist

[/b]

So from now on we can speak from a real WhatYouSeeIsWhatYouGet.

I've done some tests, and all should work, but i cannot test all platforms and browsers. Before releasing in completed modules should it be more testet. So please feel free to test this new version. Attached you find the RC1.

Note: The Background and the Font  from the Editorwindow are taken from the "body" Tag in the screen.css.

Have fun

Matthias

Edit: Deleted the downloadlink for RC1, you find version 2.1 here.

[kibmcz]

OK, here we go

next step to a new dimension of FCKEditor modul. Thanks to woudloper for the great work. And here are the new features:

• Editorwindow supports the style from your template
• Styles from Template are shown in the styles dropdownlist

[/b]

So from now on we can speak from a real WhatYouSeeIsWhatYouGet.

I've done some tests, and all should work, but i cannot test all platforms and browsers. Before releasing in completed modules should it be more testet. So please feel free to test this new version. Attached you find the RC1.

Note: The Background and the Font  from the Editorwindow are taken from the "body" Tag in the screen.css.

Have fun

Matthias

I use a template based on the round template and in fckeditor it puts the background as the menu bakground with the text as black. it uses the same colors even if iselect a different style from the list.

[ruebenwurzel]

@kibmcz

Thats what i mean as i say this:

Note: The Background and the Font  from the Editorwindow are taken from the "body" Tag in the screen.css.

If for the content area in screen.css is defined another background and another Font and font color as in the body tag you got your described problem. To change a different style has no effect.

I had the same problem, and i think with the most templates you run into this problem. To get this solved we have to to some changes at the templates.

1. make a new class or id for the "body" tag. Change in the index.php from your template:

Code:

<body>

to

Code:

<body class="body">

2. Define this class or id in the screen.css from your template. Only change:

Code:

body {
........
}

to

Code:

.body {
.......
}

3. Copy your background and your font information from your content class to the body tag. Change:

Code:

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

to

Code:

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
        background-color: #FFFFFF;
}

In WB 2.6.1 can this changes easily be done with the Template Addon you can download at the completed modules.

I don't know if this is the wright way, but it works. Because of the classes for the content area could have many different names it's i think not possible to write a fckeditor modul wich automaticly find the class or id for the contentarea, so the background and font informations must be defined in the body tag wich is on every homepage at the same place.

Hope this helps

Matthias

[kibmcz]

@kibmcz

Thats what i mean as i say this:

Note: The Background and the Font  from the Editorwindow are taken from the "body" Tag in the screen.css.

Is there a possibilty to have a configure fckeditor button on the toolbar. In the config it would initialy let you set what tag to use as the style for the editor.

If for the content area in screen.css is defined another background and another Font and font color as in the body tag you got your described problem. To change a different style has no effect.

I had the same problem, and i think with the most templates you run into this problem. To get this solved we have to to some changes at the templates.

1. make a new class or id for the "body" tag. Change in the index.php from your template:

Code:

<body>

to

Code:

<body class="body">

2. Define this class or id in the screen.css from your template. Only change:

Code:

body {
........
}

to

Code:

.body {
.......
}

3. Copy your background and your font information from your content class to the body tag. Change:

Code:

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

to

Code:

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
        background-color: #FFFFFF;
}

In WB 2.6.1 can this changes easily be done with the Template Addon you can download at the completed modules.

I don't know if this is the wright way, but it works. Because of the classes for the content area could have many different names it's i think not possible to write a fckeditor modul wich automaticly find the class or id for the contentarea, so the background and font informations must be defined in the body tag wich is on every homepage at the same place.

Hope this helps

Matthias

[ruebenwurzel]

@kibmcz

Puuuh that was difficult to find out what you wanna say. But i found it. Maybe its better not to hide your question in quote. 

Is there a possibilty to have a configure fckeditor button on the toolbar. In the config it would initialy let you set what tag to use as the style for the editor.

Feel free to write it

Matthias

[pcwacht]

Another way to avoid the wrong body background colors

make a copy of the screen.css and call it something else, like fck_screen.css
remove the body tag from there and let fck work with that one
another benefit is you can delete more css tags if you don't need them in your wysiwyg
drawback, two files to edit if you alter any css

John

[kibmcz]

@kibmcz

Puuuh that was difficult to find out what you wanna say. But i found it. Maybe its better not to hide your question in quote. 

Is there a possibilty to have a configure fckeditor button on the toolbar. In the config it would initialy let you set what tag to use as the style for the editor?.

Feel free to write it

Matthias

i would but i know nothing about php.

[ruebenwurzel]

@pcwacht

The more i think about your idea the more i like it. So the user can decide whether he wants the normal layout of FCKEditor (if no fck_screen.css is in the template dir) or the Layout with user defined fck_screen.css. This could be the same as screen.css or anotherone where he could also define maybe only the the Font settings or whatever he want.

Okay if there are changes at the layout you have to change two files, but with the template edit addon from WB 2.6.1 this is very easy and could be done in a very short time.

Will have a look at the code tonight and do some testings.

Matthias

[ruebenwurzel]

We proudly presents RC2 of FCKEditor 2.1.

The style from the Editorwindow now is defined in a fck_screen.css within your template. If there is no fck_screen.css in your template, FCKEditor uses the default fckeditorarea.css from FCKEditor. So you can use this modul without any changes at the files of your templates.

To get the styles from your homepage displayed in the the editor window you have to create a fck_screen.css in your template dir. If you wanna have all your styles in the FCKEditor simply make a copy of your screen.css to fck_screen.css. You also can define completly new styles should be displayed in the styles Listg of FCKEditor. The font and the background of the Editorwindow must be defined in "body".

The only thing i don't get to work is, if no fck_screen.css is defined to switch back the styles list in FCKEditor to the default one. So now you see if no fck_screen.css is in the template dir no options for styles.

So what do you think is better. To define the Editor window and styles in a separate fck_screen.css or to use the screen.css from the template? The fck_screen.css give you all abilitys to configure FCKEditor but you have to make a new File in your Template. To use the screen.css could mean, that you have to rewrite some Classes or IDs in your template to get the results in FCKEditor you want (look the post above).

Waiting for your response

Matthias

Edit: Deleted the downloadlink for RC2, you find version 2.1 here.

[bkvernst]

Wow! This is great!

We really are talking about WhatYouSeeIsWhatYou Get! This is the best editor for any CMS ever made, for sure. Good job!!

[kweitzel]

i have to agree with bkvernst, that is a verry good mudule and Matthias found a verry good solution with the fck_screen.css file.

I actually consider now to split my screen.css file and load it with the template as well, so I don't need to update 2 files (is it actually possible?), lazy me ...

Thanks Matthias for this great module ...

Klaus

[ruebenwurzel]

In your template should be the following .css files

• screen.css
• print.css
• fck_screen.css

The fck_screen.css could be a copy of the screen.css

Hope this helps

Matthias

[melissa]

This is a brilliant improvement, Matthias! Thanks!

[Attila]

Yeah! Matthias you are the hero!!! 

-- Dave

[ruebenwurzel]

Thanks,

but the most work was done by woudloper. He writes the code, i  only cleaned and tested it. So please give your thanks more to him then to me.   

So if you like it and there are now problems, could we release the RC2 as a final Version in Completed modules?

Have fun

Matthias

[nish]

this looks fantastic, many congratulations on creating what looks to be a brilliant mod.
unfortunately for me, i am having trouble enabling it.

i have downloaded RC2 version and installed it (no errors were reported)

but when i modify a page in the admin area the htmlarea based editor is active.

how do i switch on the FCKEditor?

(I am using version 2.6.1 of WB)

EDIT:  Ok, I was being a little stupid there. All I had to do was go to the 'Advanced Options' in the Settings section of the admin area.   

[Olli]

hello,

that soooo nice to use a template embedded css for the editor
i love that idea!
but could it be it's not possible to use images as wb-links,yet? whenever i try to use a picture for wb page linking it say "mark some text first" or something like that

bye

[Attila]

but could it be it's not possible to use images as wb-links,yet? whenever i try to use a picture for wb page linking it say "mark some text first" or something like that

@Olli
That sounds as if you would push the wrong button...  The picture button is the one between the anchor and the flash-symbol.

-- Dave

[ruebenwurzel]

Hello,

Do what the message say and it should work. First mark the picture you wanna link and then hit the insert WB link. Tested on different installations, it should work.

If not, one idea, but not shure if this has something to do with your message. For a german projekt i changed in the plugins/Wbmodules folder from FCKEditor in the file wbmodules.html the charset from "utf-8" to "ISO-8859-1". As I released the FCKEditor modul at completed Modules i forgot to set this back to "utf-8". So change this yourself, in the next release (Vers. 2.1) it will be corrected.

Matthias