FCKEditor Modul

[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

Sorry... was a little bit too early in the morning... I missunderstood your problem.
Do what Matthias wrote: select the image and then click on the "wb link" button.

-- Dave

[ruebenwurzel]

Version 2.1 from FCKEditor released. You can download it at completed modules here:

http://forum.websitebaker.org/index.php/topic,1293.msg7762.html#msg7762

Since RC2 there are the following changes:

To get the style from your template now a editor.css file is required in the Template dir. This could be a copy of your screen.css or you can create a separate file. In RC2 this file was named fck_screen.css. I renamed it too editor.css, because the Xinha-Editor Module also supports the layout from the template. I also think it's clearer for the template developper to name the stylesheetfile for the different editors "editor.css".

In this module is the insert WB link module popup set back to charset "utf-8". This was posted in the bugtracker.

Have fun

Matthias

[michalgl]

First - this mod is excellent, and You are my hero
Second - I'v got problem with links - they are blue with underline in FCKEditor - in editor.css are red whitout underline, so this style is ignored in FCKEditor.

Greetings
Michal

[pcwacht]

in editor.css are red

and

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".

Just a few posts up?

John

[andybute]

Hi All,

A couple of the buttons are missing on my editor. The gif files appear to be in the correct directories but are not appearing. The links still
 work.

Any ideas?

 

[MrRedlich]

Hello,

i have some problems with the FCK Editor. The Windows on Firefox 1.5.0.1 are too small  (see screenshots)  unfortunately i cant resize them with the mouse

[Attila]

I can only speak as a Mac Firefox user: No problems with the dialog box size here.

Do you use any thirdpart plugins in Firefox that cause this problem? (I am not familiar with the symbols on the status bar).

-- Dave

[MrRedlich]

Hmm, Firefox in Safe Mode shows that windows correct

After I have deinstalled some extensions, it looked good. But with some variants, I think it must be a bug in Firefox. The size of the Firefox status bar has consequences on size of table.

[nickleermans]

I get the following error when I want to edit a page:

error loading "http://www.domain.com/modules/fckeditor/fckstyles.xml.php"

Does anyone know what the problem is?

[ruebenwurzel]

Hello,

try uninstalling and reinstall FCKEditor. It seems that the installation was not correct.

Matthias

[nickleermans]

That does not fix the problem.

The file is on the server so that's not the problem.

[succhi]

I noticed that there is a mechanism for a style sheet called editor.css to be parsed so that the style drop down will work. I am wondering why it doesn't pick up something like the following.

img.img-left {
      float: left;
}

It seems to only pick up elements where there is only a class e.g.

.johnson-box {
      border: 1px solid black;
}

From the looks of things it should be able to pick up the correct element but it doesn't appear to do this. My regex is not yet good enough to troubleshoot and see if there's a problem in the ParseStr() function in cssparser.inc.php

Stuart.

[succhi]

There is another thing that I noticed. I use a particular IE5 box model hack that uses a } in it. The parser for the editor.css explodes on "}" first which obviously doesn't catch the cases where } is in a hack. e.g.

#banner {
   margin: 7px;
   width: 750px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:734px;
   }

I'm not sure exactly how to code around this yet so if anyone has an idea I would love to hear it. Along with something to address my previous post would be nice.

S.

[succhi]

I have worked out one of the problems I was having. Before I couldn't get things like img.img-left to be parsed and added to the drop down styles box. I have created a hack which starts line 99 in fckstyles.xml.php and seems to work. I would love it if someone could validate it please.

Code:

//LOOP on ALL CSS styles
foreach ($cssparser->css as $key => $value) {
//SKIP CSS that are a combination of CSS
//SKIP CSS that are binded on an EVENT
if ((strpos($key, " ") === FALSE)&&(strpos($key, ":") === FALSE)){
$pieces = explode(".", $key, 2);
//IF there are two pieces continue else we get an offset problem for $pieces[1]
// e.g.   div.myTitle   -> ['div', 'myTitle'] OK    2 pieces
// e.g. .dateTxt -> ['', 'dateTxt']   OK    2 pieces
// e.g. #menu        -> ['#menu']        BAD  1 piece
if (count($pieces) > 1) { 
//IF $pieces[0] is not empty we have an element else default to "span"
if (strcmp($pieces[0], "") != 0) {
//continue;
$style_elem = $pieces[0];
}
else {
$style_elem = "span";
}
// $pieces[1] should always be filled given count($pieces) > 1
// so the following could be rewritten but it works for now so I will leave it.
if (strcmp($pieces[1], "") != 0) {
$style_class_name = $pieces[1];
}
else {
$style_class_name = $pieces[0];
}
$styles .= '<Style name="'.$style_class_name.'" element="'.$style_elem.'"';
if (strcmp($style_class_name, $style_elem) != 0) {
$styles .= '>'."\n".'<Attribute name="class" value="'.$style_class_name.'" />'."\n".'</Style>'."\n";
}
else {
$styles .= '/>'."\n";
}
}
}
}

So if you are finding some of your styles are not being added give the above code a shot.

S.

[bupaje]

I hadn't tried this module until I read mention about the popup links which sounded cool. I really like it so far and want to thank all involved in working on and testing this mod -fantastic.

[rabsaul]

There is another thing that I noticed. I use a particular IE5 box model hack that uses a } in it. The parser for the editor.css explodes on "}" first which obviously doesn't catch the cases where } is in a hack. e.g.

#banner {
   margin: 7px;
   width: 750px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:734px;
   }

I recognize I'm way late here, but perhaps this will help someone else: if you use conditional comments for various versions of IE, you can have a separate style sheet linked from your index.php template. So you don't need klutsch solutions in your CSS like above. In the head of your HTML page, after the link to your screen.css, do something like this:

<link href="/ie6style.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<!--[if lte IE 5]>
<link href="/ie5style.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->

In this case, I have two extra CSS files - one for all IE up to version 6; one for everything up to version 5 (including all updates). I can use the former to catch longstanding IE bugs (e.g. double margin bug etc); the second one to fix the box model.

[Note: "lte" means "less than or equal to."]

Because your hacks won't be in your screen.css file, there's nothing to give the stutters to the editor.

[juviarda]

I'm a newbee, how can I install the fck into wb package  ?

[sandy]

I am a little confused now after having read the posts on fckeditor.  Can anyone give me a simple set of instructions on how to replace the existing editor with fckeditor.  I am running WB 2.6.1, there is a comment on overwrite the existing files, which directory are they in?

Thanks in advance, great application btw.

Sandy

[pcwacht]

As any other module

1 download the module (http://forum.websitebaker.org/index.php/topic,1293.0.html)
2 goto admin -> addons -> modules
3 browse to fresh downloaded module
4 click install

With this module you allso need to go to
admin -> settings -> show advanced options
select fckeditor as default


John

[generic]

choose in the Browse Server Window ResourceTyp "All" and you should see your whole /media dir.

is there a way to make it select ALL by default, its a real pain having to select that every time, and a few times clients forget.

[succhi]

I ended up just setting my client up with everything under 'file'. It breaks the idea of the 'media' container but with proper folders setup for my client they are following that just nicely. The other reason everything is now under 'file' is because my client found the upload button on the browse window and so everything automatically ended up under 'media/file' because he didn't pick any other type. So I just set it up that way for them.

To tell you the truth I am not sure the types are all that necessary. I reckon just give your clients a good set of folders (images/thumbnails/flash/audio etc) under a single directory and let them go for it. That is basically the way WB does it anyway.

It looks like someone could write their own file browser as FCKeditor has the capability of slotting a new browser in. This would need some investgation.

I have noticed something different between the sample version of FCKeditor2.2 and how the WB module version works. The sample version for FCKeditor2.2 works like this, when I am in the small image dialogue box (for inserting an image) and hit "browse server" the only resource type available is the "image" type, likewise from the flash dialogue I only get "flash" as the resource type. I wonder if this was changed for a reason for WB because of our directory structure or if is a difference in versions.

Stu.

[ruebenwurzel]

Hello Stu,

...when I am in the small image dialogue box (for inserting an image) and hit "browse server" the only resource type available is the "image" type, likewise from the flash dialogue I only get "flash" as the resource type. I wonder if this was changed for a reason for WB because of our directory structure or if is a difference in versions.

You are wright, this is changed for WB. FCKEDitor in the original version works with this resources. Normally a good idea, but using this with wb effects that all existing files from media dir are not shown. FCKEditor shows then only whats in file, image and flash subfolders. So i thought it was the better idea to change this, that all folders are shown.

Next point was to get the files in the root of media folder to show. Thats I got solved with the "All" point at resources typ.

But the last point, to get "All" at the top of the resource typ list to be shown, i don't get solved. FCKEditor seems to need "File" at the first place. Changing this is a rewriting of FCKEditor, wich makes updates to new versions of FCKEditor very difficult. Maybe some otherone has a idea to solve this.

Matthias

[succhi]

Mattias,

I have a possible solution for everyone. In the file fckeditor/editor/filemanager/browser/default/connectors/php/io.php I have changed the following lines

Code:

26. return $GLOBALS["UserFilesPath"] . $resourceType . $folderPath ;

change to:

26. return $GLOBALS["UserFilesPath"] . $folderPath ;

and

Code:

38. $sResourceTypePath = $GLOBALS["UserFilesDirectory"] . $resourceType . '/' ;

change to:

38. $sResourceTypePath = $GLOBALS["UserFilesDirectory"] . '/' ;

This will now stop the browser moving between the different directories, instead it will look in 'media' (WB_PATH.MEDIA_DIREC TORY) for everything. The resource selector can be left at 'file' because it will see everything and the permissions for uploading with 'file' (if the upload bar is still available) are the broadest. Now that that resource type doesn't move between folders it would be nice if we could use the resource selector as a "view" into the various directories for instance only the 'image' types or 'flash' types would show depending on which type was selected.

So far though I like the above solution. It works for me and means I don't have to be bothered showing people that they need to select something different. It defaults to 'media' for everything.

I also just realised if you want to stop the ability for people to upload from the filemanager browser in FCKeditor you could pull the frame out that holds the upload bar. It's in the file fckeditor/editor/filemanager/browser/default/browser.html.

Some more thoughts on uploading. At the moment the 'media' tab lets the average user do what most of them do, put stuff everywhere making it hard to maintain and find. At least the resource type in FCKeditor tries to address this the FCKeditor upload function will only allow images in the 'image' folder and flash files in the 'flash' folder etc although the 'file' resource type will accept nearly anything (except exe, php and other executable files).

The media tab might be an area where we can bring the simplicity WB has elsewhere. Big icons like the home page for 'images', 'flash', 'files', 'media'. We could then refine the permissions for groups so that they could perhaps upload images but not other types of files etc. Also we can add in 'FCKeditor style' permission of allowing and denying files with certain extensions based on which category you are in. We could then have a setting to add remove extensions based on the site we are setting up. For instance no .doc files, only pdfs etc.

[ruebenwurzel]

Hello succhi,

1. the solution with io.php you post i tried a half year back and i run into some problems, so i set it back to original. Will do now a new test, and when its ok i think we should implement it in the current modul. Thanks for your work.

2. All your other ideas are nice, but WB should be able to work with more then one Editor. And it should be always possible to change from one Editor to the next without running into to great problems. Too much customizing FCKEditor makes updates to newer versions more difficult. Don't missunderstand me, your ideas are good and i also have user for wich it is better they only got the abilitiy to upload filtypes in folders wich i want, but this customizing should not be generally for all WB users. Hope you understand what i mean.

Matthias

[succhi]

Hi Mattias.

I figured you probably wouldn't have missed the idea I put forward for a solution when you were looking, but it was still there so I gave it a shot. What are the issues you had when you tried it this way?

I totally agree that we should be able to choose which ever editor we want. I also agree that the less changes we have to do to FCKeditor the better, so we can very quickly update to newer versions. The best idea might be to code our own filemanager and use it as a plug-in but I don't know who would have the time to do this.

The larger of my suggestions i.e. better 'media' management was only inspired by some of what FCKeditor does. I actually wrote about it a little more here http://forum.websitebaker.org/index.php/topic,1676.msg16692.html#msg16692 because it makes sense to bring the simplicity we have else where in WB to the 'media' tab/page. (This next bit is a little off topic but bear with me) I think much of WB is simple but there are some areas where I would like to make it even more user friendly. The 'media' page is probably the main one at the moment. I don't necessarily need it simple for me but it does need to be simple for my clients.

Hopefully we can find an elegant solution for all the people who have requested remedies.

Oh have you seen the patch over here? http://sourceforge.net/tracker/index.php?func=detail&aid=1457770&group_id=75348&atid=543655
It looks like it might be helpful. I haven't checked it out much yet, I only just found it. It allows you to set '' for the foldername for each resource type which essentially just does what I suggested which is delete the reference to resourcetype. But it also has some nice additions in the patch too.