contextmenu for fckeditor’s filemanager

A few clients of mine had asked me how to rename or delete files and directories in our CMS after uploading with FCKeditor.

There was no way to do it.

I decided to check the FCKeditor forum to see if soemone else might have solved it already. There were ways to do it using addons, but the integrated filemanager did not have a way to do it.

So, I suggested that I would give it a shot.

I had never written a context menu before, so went digging through the FCKeditor source to see what I could see.

After an hour of reading, I was still none-the-wiser, so did it from scratch.

The Demo – once it’s loaded, click the Image icon, then Browse Server. try uploading a small file, then rename it and delete it. You can also create and edit folders/directories.

I’m pretty happy with this one. The solution was very tidy, and I will be using the code again in the future.

18 Replies to “contextmenu for fckeditor’s filemanager”

  1. This is just cool… Are you going to submit your changes to FCKeditor too? I’d love to have this feature too!

  2. I already have, and although it has not yet been added to the CVS (if I read this thing correctly), I believe it will be available as default in version 2.3.

    I have some other thoughts on the file manager – tooltip “thumbnails” of images, for example, but I have a load of other stuff I need to work on first, so I’ll leave that one for another day.

  3. Hey,

    This is just beautifull. I tried downloading a bz2 file i found linked on the fckeditor forums, but it did’nt work. Soooo i was wondering if there is somewhere i could grab this addon ?

  4. Wow! Perfect. Just what I was looking for. Thanks for putting this out there. I will be doing some modifications to it in order to make it work with ASP.NET, and will try to add it back into the source repo.

    Great work.

  5. Ryan, note that there may be problems with large images. I haven’t put sufficient error checking in there to handle all eventualities. My in-house copy is more robust, and clears all generated variables, to try to keep down the RAM usage, but it still has trouble with very large images (a test case I’m using is 2560×1920).

  6. This is working 99% (THAT is saying something), congrats !

    I found a bug in your script: while browsing directories, in the directory sidebar, it shows twice every directory listing…

    Everything else is working fine… Thanks, i was looking for something like this.

    Is is compatible with $Config[‘ConfigDirectories’][$sType] custom directory configuration??

  7. Arathael, I think the problem you’ve mentioned (double appearances of directories) may be a problem with the async method I use with AJAX. You may be clicking onto another directory before the first one is loaded, so when the results arrive, two sets are drawn.

    I am not supporting the old file manager anymore, but if this problem occurs in my new one (which I see from other posts you have found already), then I will fix that immediately.

  8. Hey great work indeed, but, do you have any update about inclusion in the FCKEditor release?
    It’s hard to believe they wouldn’t want to include such an elegant solution in the official distribution…

  9. Maido, thanks.

    No, I don’t believe they will be taking this into their own code. Perhaps because they need to be cross-compatible with a number of server-side languages, but I only wrote it for PHP.

    However, there is a good solution to this – ignore the work I did there, and take a look at this: http://kfm.verens.com/ – it’s a plugin which basically re-writes the entire file manager using pure AJAX methods, and can be used simply for any version of the FCKeditor (see the readme.txt for details). There are some very ambitious plans for it.

  10. Could you make the source code available for this project? I would love to have such a simple solution to this “delete” problem of the FCK filebrowser.

  11. Willem, I don’t think they will. You can see from the date of the post that it’s already almost a year old, and yet FCKeditor still doesn’t use it, even if just for the ability to rename or delete a file.

    Personally, I’m still developing KFM ๐Ÿ˜‰ I believe it’s a better file manager.

  12. That’s great! I like it so much ๐Ÿ™‚ Thank you. But I have a question. I simply change the folder “filemanager” with yours and change some lines. It works but can not show tumbnails altough images’ sizes are quite small. It just shows width, height and type of the image. Is there any option in the code to run this event or what is the problem you think?

Comments are closed.