CKeditor 3 with free filemanager, now also for Coldfusion! v1.1.2

Posted by Paul Klinkenberg in CFML , jQuery + Javascript on March 5, 2010

Update 17 november 2010: version 2.0 is out! Read the blog post here!

I always used version 2 of the best wysiwyg editor out there: FCKeditor. But it began to show it's age, and some functions didn't work like I wanted. So I checked for an upgrade.

And yes, did they have one! A completely rewritten editor, now dubbed CKeditor, created by CKsource.com. It looks good, works good, and was easy to integrate.
On the other hand, they really changed the way they do business: if you want the file uploader CKfinder with the editor, you have to pay for it! Previously, all was free. I understand they want to make money, but to pay a license fee per client website would be unreal.
Luckily, there is a free alternative: the CKeditor filemanager plug-in by Core Five

They made a file manager (uploader) plugin which can be used with CKeditor, and is very easy to implement. But as always, Coldfusion wasn't yet supported. And that's why I created the CFM connector for CKeditor's alternative Filemanager!

Changes I made

  • Added the /connectors/cfm/* files
  • Changed /scripts/filemanager.js on a few points:
    • the deleted file is now removed from the UI when a file is deleted
    • A javascript error was thrown after a file was uploaded (possibly because the JSOn I send back is different)
  • Removed all connector files from /scripts/jquery.filetree/connectors, except:
  • Renamed /scripts/jquery.filetree/connectors/jqueryFileTree.cf to jqueryFileTree.cfm, and added extra security to the script (and is now disabled by default)
  • Changed some settings in CKeditor: added MediaEmbed plugin (the "youtube button"), and changed the menu order and items. If you don't like it, then just delete it from the file config.js.

Versions

Version 1.1.2, 11 august 2010: fixed a bug with expandPath('/') in ACF8 on some windows systems. This bug was a blocker, because the language file could not be read.

Version 1.1.1, 10 july 2010: fixed a bug with calculation of the webpath for files. Some users had image urls like "C:\site\blabla".

Version 1.1, 25 april 2010: replaced some non-CF8-compatible code (<cfset x = {"error":0} />). Updated CKeditor to 3.2. Did some bugfixes within the filemanager code. Added new optional list of website page urls into the Link dialog, thanks to Erik-Jan Jaquet's idea.

Download and code

Demo

With the risk of being completely spammed, I created a demo environment. It has some restrictions: images only, and all files are deleted within an hour.

Questions? Problems? Using it?

Let me know by adding a comment underneath!

Related Entries:

del.icio.us Digg StumbleUpon Facebook Technorati Fav reddit Google Bookmarks
| Viewed 30112 times
  1. Vince

    #1 by Vince - March 18, 2010 at 3:30 PM

    Hi

    I try to develop a plugin for Symfony 1.4 which integrate the last CKEditor with your file manager. Excellent job you done ! Thanks

    I merged it with the lastest version of CKEditor, it seems to work but I have a problem on folders location.

    I want them to be in /uploads/Image/ and /uploads/Flash/ folders of my website, but its tells me :

    CFM developer: see #rereplace(getCurrentTemplatePath(), "([/\\])", "\1 ", "all")# for security instructions!

    Did I missed an option ?

    Thanks
    Reply
  2. Wout

    #2 by Wout - March 18, 2010 at 11:34 PM

    I don't think you missed an option, you just need to talk to you web hosting company: it seems they aren't allowing you to use the full functionality of CF - mainly for security reasons.
    Reply
  3. Paul Klinkenberg

    #3 by Paul Klinkenberg - March 19, 2010 at 9:13 AM

    Hi Vince, as a security measure I disabled the use of /scripts/jquery.filetree/connectors/jqueryFileTree.cfm by default. That's where the error is coming from I believe.
    I really need to add an extra bit of instructions with this project...
    Let me know if you run into any other trouble!
    Reply
  4. Vince

    #4 by Vince - March 19, 2010 at 9:38 AM

    Hi,
    I try it in local, so there is no specific security lock.
    Where can I enable the use of jqueryFileTree.cfm ? In which file : filemanager.config.cfm ?
    Thanks for your help
    Reply
  5. Paul Klinkenberg

    #5 by Paul Klinkenberg - March 19, 2010 at 11:27 PM

    Vince, just open the file /scripts/jquery.filetree/connectors/jqueryFileTree.cfm within the ckeditor you downloaded from my site, and read the first lines. It tells you what to do...
    Reply
  6. Mick

    #6 by Mick - March 20, 2010 at 6:17 PM

    It works on my localhost (krasnal) but on my website i dont see enything. The ckeditor doesnt open. Why?
    Reply
  7. Paul Klinkenberg

    #7 by Paul Klinkenberg - March 20, 2010 at 6:21 PM

    Can you give us a link?
    Reply
  8. Barbara ONeal

    #8 by Barbara ONeal - April 1, 2010 at 9:29 PM

    Hello Paul, I downloaded and started working with the Editor and file manager but am getting a coldfusion error when using on a site that i am working with. I can see the files and folders in the directory structure however, i can't select and image and when i look at any of the dirctories all i get is the swirling icon. Here is he error i get back from coldfusion.

    The error occurred on http://www1.mywebsite.com/cw2/admin/ckeditor/filemanager/connectors/cfm/filemanager.cfm
    Users Browser: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.2) Gecko/20100316 Firefox/3.6.2 GTBDFff GTB7.0
    Error Date/Time: {ts '2010-04-01 13:58:49'}
    Previous Page: https://www1.mywebsite.com/cw2/admin/ckeditor/filemanager/index.html?type=Images&currentFolder=/assets/&CKEditor=product_Description&CKEditorFuncNum=2&langCode=en
    IP Address: 74.94.102.1
    URL Parameters: mode=getinfo&path=/assets/5reasons.gif
    Message: Invalid CFML construct found on line 44 at column 48.
    Root Cause: coldfusion.compiler.ParseException: Invalid CFML construct found on line 44 at column 48.
    --------------------------------------
    Invalid CFML construct found on line 44 at column 48. ColdFusion was looking at the following text:
    {
    The CFML compiler was processing:
    •   A cfset tag beginning on line 44, column 18.
    •   A cfset tag beginning on line 44, column 18.

    The error occurred on line 17.

    I have tried debugging this but i keep getting stuck.
    Reply
  9. Paul Klinkenberg

    #9 by Paul Klinkenberg - April 2, 2010 at 10:10 AM

    Hi Barbara, that's an error I hear a lot lately. I have now added the following text to this blog post:
    "Attention! For now, this code only works on Coldfusion 8, Coldfusion 9, and off course Railo. That's because I am lazy, and write structs like <cfset var returnData_struct = {"Error"=arguments.str, "Code"=-1} />.
    If you want to use this in an earlier version, then just rewrite the <cfset> tags which contain this markup."
    I guess you're using CF7 or 6?
    Reply
  10. Barbara ONeal

    #10 by Barbara ONeal - April 2, 2010 at 3:28 PM

    Guess again, I own my hosting company i am on CF8 Enterprise with multiple instances. I also use sandboxing if that has anything to do with it. so since i am not using an earlier version do you have a different idea. i could go through and maybe try to rewrite the cfset tags but if you have a different ideal let me know.
    Reply
  11. Barbara ONeal

    #11 by Barbara ONeal - April 6, 2010 at 8:02 PM

    Paul, can you think of any reason why it wouldn't work in CF8? also when you say rewrite the cfset can you give an example? I am sure others would appreciate as well. thanks.
    Reply
  12. Laurent Chenet

    #12 by Laurent Chenet - April 16, 2010 at 11:56 AM

    Barbara,

    Paul showed me a very short way to write structures "on the fly", but somehow (too bad!), it is not working with all coldfusion servers, so:

    Instead of this:

    <cfset var returnData_struct = {"Error"=arguments.str, "Code"=-1} />

    You may write:

    <cfset "temp.Error" = arguments.str>
    <cfset "temp.Code" = -1>
    <cfset var returnData_struct = temp />   

    It will work. You just need to replace all of them.

    But I prefered to add this function in filemanager-functions.cfm:

       <cffunction name="jsonError">
          <cfargument name="s" />
          <cfargument name="e" />
          <cfset "local.temp.Error" = s>
          <cfset "local.temp.Code" = e>
          <cfset local.returnData_struct = local.temp />      
          <cfreturn local.returnData_struct>
       </cffunction>

    I then can replace:

    <cfset var returnData_struct = {"Error"=arguments.str, "Code"=-1} />

    Whith this:

    <cfset var returnData_struct = jsonError(arguments.str,-1) />

    Paul: Thank you for you great work.

    Regards,

    Laurent
    Reply
  13. Laurent Chenet

    #13 by Laurent Chenet - April 16, 2010 at 12:25 PM

    Well, I rewrote all the cfsets (If you wanna get a copy, Paul, just ask!) But now I still get a javascript error when I click on a folder:

    props is undefined

    var actualWidth = props['Width'];

    i've put your ckeditor in an application who is a virtual folder for my websites. I don't know if it is where it hangs... It sees the files and folders anyway but when it lists the pictures in the tree and when I click one of them I get another javascript error: "undefined" and no picture is shown in the main pane.
    Reply
  14. Aegis

    #14 by Aegis - April 19, 2010 at 8:27 AM

    Excellent work, Paul!

    just wondering if this filemanager uses the enforced directory structure like the fckeditor filemanager foisted on us or if you can use your own setup (like CFFM where having images in with normal docos didn't break fckeditor's image function - it just wouldnt send back the file if it wasnt an image).

    Cheers,
    aegis
    Reply
  15. Paul Klinkenberg

    #15 by Paul Klinkenberg - April 19, 2010 at 11:43 AM

    Hi aegis, you can use your own directory setup. it filters on extension while uploading (see http://www.coldfusiondeveloper.nl/svn.cfm?repositorypath=ckeditor-coldfusion-filemanager/filemanager/connectors/cfm/filemanager.config.cfm:20), and in the config file for ckeditor (http://www.coldfusiondeveloper.nl/svn.cfm?repositorypath=ckeditor-coldfusion-filemanager/config.js:20) you can set the relative paths for images/files/media.
    Reply
  16. Paul Klinkenberg

    #16 by Paul Klinkenberg - April 25, 2010 at 4:48 AM

    Hi all, I just released version 1.1 of the "ckeditor with coldfusion-filemanager". I think it addresses all the problems which were mentioned here.
    You can use the download link in the blog post to get the newest version.
    If there's anything wrong, let me know!
    Reply
  17. Barbara ONeal

    #17 by Barbara ONeal - April 25, 2010 at 8:02 PM

    Paul, i downloaded and installed it on a site but am getting this error:
    CKEDITOR   product_Description
    CKEDITORFUNCNUM   2
    CURRENTFOLDER   /
    LANGCODE   en
    MODE   add
    TYPE   Images
    struct
    Detail   Allowed values are ONE, ALL.
    Message   The scope argument of the REReplace function has an invalid value all.
    however, when i look at the code in the
    \ckeditor\filemanager\connectors\cfm\filemanager-functions.cfc:373)
    at line 373 you do have a value of all.

    I tried to post more but it thought is was spam. if you would like i can email you more.
    Reply
  18. Paul Klinkenberg

    #18 by Paul Klinkenberg - April 25, 2010 at 11:21 PM

    Hi Barbara, you probably overlooked the space before the word " all", just like I did... I fixed it.
    New version can be downloaded, and don't forget to flush the cached cfc by calling YOURSITE.COM/ckeditor/filemanager/connectors/cfm/filemanager.cfm?init=1
    Reply
  19. Dante

    #19 by Dante - April 27, 2010 at 10:46 PM

    I am having a problem with this application.. when I use it I can get the file manager popup to appear, but it never loads any files. It just sits at the loading icon, and never does anything else. I don't get any errors back when I try to upload, but it doesn't actually upload the files either.
    Reply
  20. Aegis

    #20 by Aegis - April 28, 2010 at 4:02 AM

    thanks for the reply Paul.

    @Dante, you probably have an xml error - easiest way to check is to install firebug on FireFox if you haven't already - go into the XHR tab on firebug once you've opened the filemanager and check the response content.
    Reply
  21. Aegis

    #21 by Aegis - April 28, 2010 at 9:28 AM

    Paul, is there a way to define the folder the filemanager will reference as the initial directory on a request by request basis?

    i just tried replacing a heavily customised version of CFFM in an emailer application and it locks users into a specific directory for each email they create but i can't see how to replicate that here if it's possible.
    Reply
  22. Paul Klinkenberg

    #22 by Paul Klinkenberg - May 8, 2010 at 11:42 PM

    Hi Aegis, yes, it can be done. If you save the correct path into session, change the application.cfm files to use that path, and make sure that the config and cfc file are not cached anymore. Then, you should be fine. Even though I think the file uploader is a bit much to be used in an email application UI, but that's your choice off course :-)
    Reply
  23. Jerry

    #23 by Jerry - June 16, 2010 at 8:21 PM

    This is a great upload application. I have been trying to get it to work on a server that does not allow createObject to be used, for some security reasons. I ended up changing calls to use cfinvoke, which seemed to solve the problem.

    I still can't seem to get it to work to upload or view files tho. I am always getting back the following error when I click on an image that I physically uploaded to the /uploads/Image directory

    Directory /magma/users/u74/vws30673/public_html/uploads\/usr\/bin: does not exist

    I have no idea where it is getting the "/usr/bin:" part that it seems to append to all the pathing... ???
    Reply
  24. Lee

    #24 by Lee - July 8, 2010 at 3:12 PM

    I seem to be really struggling to get this working properly and wondered it you could help? I uploaded your code and tried it out but just got the "processing" graphic. After I manually created the 'upload', 'upload/Image' folders I was able to upload an image. The image uploads OK but I can't see a thumbnail and I can't see the larger image. I have to click on it's name to be able to select it but it doesn't appear in the preview window - just a broken image icon. Also, the URL for the image shows up as 'C:/wwwroot.....' rather than just 'uploads/images' like on your demo. Is there something else I need to change?
    Reply
  25. Paul Klinkenberg

    #25 by Paul Klinkenberg - July 10, 2010 at 12:45 AM

    Hi Le, Jerry, I now have a new version availabe, to hopefully fix the problem you were having with full paths instead of web urls. Check out version 1.1.1 at http://www.coldfusiondeveloper.nl/svn.cfm?repositorypath=ckeditor-coldfusion-filemanager/ckeditor-with-coldfusion-filemanager-v1.1.1.zip:100&download=1

    Let me know if it worked for you :-)
    Reply
  26. Lee

    #26 by Lee - July 12, 2010 at 3:24 PM

    Hi, this works perfectly for me now. Fantastic - thank you very much!!
    Reply
  27. Barbara ONeal

    #27 by Barbara ONeal - July 12, 2010 at 8:02 PM

    Paul, I sent you an email with some screen shots and configuration thing in it. I hope you get it. I am still having an issue with the thumbnails showing up.
    Reply
  28. Paul Klinkenberg

    #28 by Paul Klinkenberg - July 12, 2010 at 11:51 PM

    Hi Lee, that's good to hear! Have fun with the editor!

    @Barbara, I got your mail, and replied already :-)
    Reply
  29. mario

    #29 by mario - July 14, 2010 at 4:28 PM

    hi there. i have installed the latest version and when i go to "browse server" on the image properties under the "image info" tab the Filemanager tries to load but doesnt work. Uploading to the server works fine. Its just the browsing. I have edited the Config.js and Filemanager.config.cfm files.. is there anything i have missed?
    Reply
  30. Paul Klinkenberg

    #30 by Paul Klinkenberg - July 27, 2010 at 11:55 PM

    Hi Mario, do you have firebug installed on Firefox? If so, you can check the ajax output in the console. There, you will probably find an error of some sort. If you find an error there, you can post it or mail it, and then we can see what can be done.
    Using the firebug console: http://www.codeproject.com/Articles/38717/Debugging-Client-Side-JavaScript-Using-Firebugs-Console.aspx
    Good luck, Paul
    Reply
  31. Philippe

    #31 by Philippe - October 7, 2010 at 10:51 PM

    I have installed the latest version yesterday on two different server.
    One works very fine, but on the other, when I click on a file, on the left, an error is displayed with this message "File /var/www/usr/local/bin:/usr/bin:/bin does not exist" (translated in french !...)
    The main difference between my two servers is that this who works fine is installed with the Coldfusion internal server, and the other with Apache ... Is there the problem ?
    What do you think about that ? Thanks in advance
    (I apologize for my very bad english ....)
    Reply
  32. John

    #32 by John - October 27, 2010 at 3:54 AM

    Thanks for packaging this up! The image uploader works great for me. However, I'm having an issue with the file upload via the "link" tool. When trying to send the file to server it wants to open/save filemanager.cfm. Am I missing settings for the file upload via the "link" tool?
    Thanks!
    Reply
  33. Paul Klinkenberg

    #33 by Paul Klinkenberg - October 27, 2010 at 2:03 PM

    Hi John, is there a possibility for me to look at your implementation? You can send a link to paul at ongevraagdadvies.nl.
    I tried to reproduce the problem with the test setup located here: http://www.railodeveloper.com/ckeditor-coldfusion-filemanager/
    but that just seemed to work. Hope to hear from you, kind regards, Paul
    Reply
  34. John

    #34 by John - October 27, 2010 at 6:51 PM

    @Paul Klinkenberg Hey Paul, thanks for the quick response! I went to your test setup, and I couldn't send a file to the server. What I'm trying to do is link a word to a file, so, if I highlight a word, click the globe with chain link icon, select the upload tab, choose a file and then select send to server, it errors. At first I thought it was the .rtf file I was using, but then tried with a .pdf and it didn't work either.

    Thanks again!
    Reply
  35. John

    #35 by John - October 27, 2010 at 6:56 PM

    @Paul Klinkenberg Well, I tried the .pdf on my installs, and it worked, so it was the .rtf file that is was choking on, as it was an acceptable extension in the config file.

    I appear to be good on this issue!
    Reply
  36. John

    #36 by John - October 27, 2010 at 7:00 PM

    Paul, one more comment, sorry :-) I'm having an issue similar to what comment #31 is having. I have a Railo/Apache set up where all is good. But also have a CF/Apache (not sure which version of CF, guessing 8) set up where I get the "/usr/local/bin:/usr/bin:/bin does not exist" error. Any suggestions, maybe some configs aren't quite right. I'm not the server admin, but was thinking maybe I can take care of something in the cke/filemanager config files.

    Thanks!
    Reply
  37. Tim

    #37 by Tim - November 9, 2010 at 8:46 PM

    @Paul Klinkenberg - Great package here. I'm having some issues setting the folder for the filemanager. I've modified Application.cfm within filemanager, modified Application.cfm within filemanager/connectors/cfm, modified filemanager.config.cfm within filemanager/connectors/cfm - cleared cache in CF Admin 9 "Server Settings caching" - cleared browser cache - even tried other browsers - however the default folder is always "webroot/uploads".

    Any assistance is greatly appreciated. Thanks in advance.
    Reply
  38. Paul Klinkenberg

    #38 by Paul Klinkenberg - November 9, 2010 at 9:27 PM

    Hi Tim, the files you mention are indeed the files to change. The cfc which handles most of the functions is cached into the application scope. Maybe it still had the older settings cached? Calling the url /{ckeditor}/filemanager/connectors/cfm/filemanager.cfm?init=1 will flush this cached cfc.
    Hope it helps, Paul
    Reply
  39. Tim

    #39 by Tim - November 10, 2010 at 3:06 AM

    @Paul Klinkenberg - I get the following error when navigating to {ckeditor}/filemanager/connectors/cfm/filemanager.cfm?init=1:

    {"Error":"Mode error.","Code":"-1.0"}
    Reply
  40. Tim

    #40 by Tim - November 10, 2010 at 3:42 AM

    Okay... I should have investigated a bit more before that last post. Obviously there is no mode when not submitted with a "form" or added to the url as the code reveals.

    I simply modified (hard coded) the directory path in Application.cfm and filemanager.config.cfm to:

    <cfset variables.jqueryFileTree_webroot = '/site_builder/site_dirs/mySite/' />

    <cfset request.uploadWebRoot = '/site_builder/site_dirs/mySite/' /><!--- this path must start with a "/", so it is always calculated from your website's root. --->

    root path is localhost/site_builder/ckeditor.

    Just not sure how files continue getting to localhost/uploads/. I cleared browser cache, every cache setting in cf9 admin, rebooted, restarted CF services....

    Any thoughts?
    Reply
  41. Paul Klinkenberg

    #41 by Paul Klinkenberg - November 10, 2010 at 10:55 AM

    Hi Tim,
    At the moment I have no idea how it comes the thing still uses the wrong path.
    Do you maybe have the setting "Trusted cache" set to Yes in the CF9 admin (in page "Server Settings > Caching")? So it never checks for newer versions?
    Or on the same page, "Save class files" set to Yes?
    These are just some shots in the dark, but hope it helps ;-)
    Reply
  42. Tim

    #42 by Tim - November 10, 2010 at 2:23 PM

    @Paul Klinkenberg - Both settings were not checked... does anyone have a working example of setting a dynamic uploadWebRoot? Perhaps I'll have to try on another server, but fear the same issues (getting stuck in a single dir after the first attempt.) Thanks for your efforts.
    Reply
  43. Paul Klinkenberg

    #43 by Paul Klinkenberg - November 10, 2010 at 3:33 PM

    Hi Tim, It's always pretty logical in the end, when the problem is found. You could search for the word "uploads" in the actual code you're using, or copy-paste the "ckeditor" directory to somewhere else (preferably a different computer), and test it again. I know of a few installs where the upload path is not the default setting, and they're all working... I just now even changed the path in the live demo environment from "/uploads/" to "/uploads-newdir/bla/", and it was instantly working :-/
    Reply
  44. Tim

    #44 by Tim - November 11, 2010 at 7:02 PM

    I was able to get past my directory issues - I thank you for your efforts.... however I have another question/suggestion.

    The attachment document1.pdf displays a couple of "concerns". (attachment in email reply)

    Notice the inconsistency with the Current Folder display. While clicking around in the filemanager, the current directory changes from "/image/" to "fullpath/image/file"... I feel it would be most beneficial to display a consistent directory path regardless which side of the splitter is used .

    Also attempted using the config.baseHref in ckeditor config file, but this caused errors. It would be wonderful to return all files from filemanager with a prefix "http://mysite.com/path/fileFromFilemanager";. This would avoid issues with pages on a different directory level.

    Also, it seems that the filemanager buttons fall off the page with a long Current Folder path (actually the buttons wrap just below only showing the very top of the buttons). Same result in multiple browsers.

    I tried messing around with the css and js, but to no avail. Any thoughts?

    Thanks a ton - Tim
    Reply
  45. Paul Klinkenberg

    #45 by Paul Klinkenberg - November 17, 2010 at 9:38 PM

    Hi everyone! I just released version 2.0 of the CKeditor filemanager! Yes, you want to update ;-)
    http://www.railodeveloper.com/post.cfm/ckeditor-3-with-coldfusion-filemanager-version-2-0-for-free
    Reply
  46. Great Dental Websites

    #46 by Great Dental Websites - December 1, 2010 at 2:00 AM

    Paul,

    Have you played with some of the more advanced features of CKeditor, like pulling the char count of the WYSIWYG boxes and stuff? We're doing that in FCKeditor after some hackery, hopefully its easier in the new version.

    Nice work on this.
    Reply
  47. Paul Klinkenberg

    #47 by Paul Klinkenberg - December 1, 2010 at 10:49 PM

    @comment46: no, haven't done that. I do know that the editor is not easy to hack into :-/
    Reply
  48. Dave White

    #48 by Dave White - December 11, 2010 at 11:20 AM

    Paul,
    Thanks for this, I can upload images to server to the paths I specified without a problem.
    But, when I click the Browse Server Button (to get images previously uploaded), I get the spinning LOADING image and the following error :-

    {"Error":"The directory C:\\Program Files (x86)\\Apache Software Foundation\\Apache2.2\\htdocs\\ecmsContent\\C:\\ColdFusion9\\verity\\k2\\_nti40\\bin;C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\;C:\\Program Files\\MySQL\\MySQL Server 5.1\\bin;C:\\Program Files (x86)\\GnuWin32\\bin;C:\\Program Files\\7-zip;C:\\Program Files (x86)\\Common Files\\Autodesk Shared\\; does not exist.","Code":-1.0}

    The first portion of the error namley :-


    C:\\Program Files (x86)\\Apache Software Foundation\\Apache2.2\\htdocs\\ecmsContent\\

    is where i want to browse but as to the rest of the directories in the error, I haven't a clue.

    Any idea's on this one ;-)
    Reply
  49. Dave White

    #49 by Dave White - December 11, 2010 at 4:27 PM

    Paul,

    Well, the PATH being used is the PATH ENVIRONMENT VARIABLE used by windows.
    ( This is probably a CFADMIN setting, I guess).
    Anyway I got round this by editing filemanager.cfm and changed the following lines

    BEFORE
    <cfset application.filemanager_obj.addFolder(path=path, dirname=name) />
    <cfinvokeargument name="path" value="#path#" />            

    AFTER
    <cfset application.filemanager_obj.addFolder(path=url.path, dirname=name) />
    <cfinvokeargument name="path" value="#url.path#" />   

    So now the url.path var is referenced instead of the WINDOWS PATH.
    This fixes the problem and I can now Browse,Upload and Add Directories.
    Still can't get the image to appear after clicking on a file in the Left Pane.
    I just get the SELECT, DOWNLOAD, RENAME and DELETE buttons, but no image.

    Firebug reports the Path and Preview vars as

    Path":"\/ecmsContent\/image1.jpg"

    :-(
    Reply
  50. Dave White

    #50 by Dave White - December 12, 2010 at 4:53 PM

    Paul,

    Got it working completely.
    The answer was very simple. TURN OFF CF DEBUGGING.
    I reckon aJax sees the debug info as part of the GET response.
    Great utilty this, thanks for writing it.
    Reply
  51. Eric Do

    #51 by Eric Do - June 28, 2011 at 7:34 PM

    Awesome works Paul. When I click on the image upload icon, on one of the label in to the Browser Server button, it showed 'undefined'.

    Can you please tell me on how to make the URL / Path to Image label display?

    Thank you in avdvance.
    Reply
  52. Eric Do

    #52 by Eric Do - June 28, 2011 at 7:52 PM

    Hello Paul,

    I just download the 'image.js' file from your demo site as well as the 'en.js' file in the lang directory and updated on my server. The undefined values are showing up now.

    Appreciate for making this tool available to the CF community.

    Eric
    Reply
  53. Paul Wilson

    #53 by Paul Wilson - July 1, 2011 at 12:02 AM

    @Jerry
    There was an interesting post from Jerry (#23 on June 16 2010) about replacing createObject calls to use cfinvoke. I'm also hosting on a sandboxed | shared host and get the same issue, so would love to know what calls need to be changed, ie. where they are and how to replace them. Thanks.
    Reply
  54. sachin

    #54 by sachin - September 13, 2011 at 2:07 PM

    after browsing a image it can not send to server and i am not getting preview of that image
    Reply
  55. Ron Sellers

    #55 by Ron Sellers - September 21, 2011 at 3:47 PM

    The file manager has an issue loading under Google Chrome. The tree side of the display overlays the grid layout. The problem is caused by the sequence used by Chrome to fire the ready events.

    I changed: $(function(){ to $(window).load(function(){
    Reply
  56. Tim

    #56 by Tim - September 21, 2011 at 3:58 PM

    I just tested in the latest version of chrome and did not experience the noted issue... ?

    I am using a slightly modified version for the filemanager; however have not implemented the suggested fix.
    Reply
  57. Colin

    #57 by Colin - August 22, 2012 at 4:15 PM

    I want to implement this code but the download page is bugging out, is this available anywhere else?
    Reply
  58. Dino

    #58 by Dino - October 1, 2013 at 11:15 PM

    I simply uploaded the entire directory on the root of my website and tried view the demo "index.html" page and ckeditor never initialized. Something I need to do before the demo page initializes?
    Reply
  59. Paul Klinkenberg

    #59 by Paul Klinkenberg - October 2, 2013 at 1:22 PM

    Hi Dino,

    I hope you have seen the "Install" section at http://www.railodeveloper.com/post.cfm/ckeditor-3-with-coldfusion-filemanager-version-2-0-for-free ?

    Cheers, Paul
    Reply
(will not be published)
Leave this field empty

monaural