CKEditor 4
Wed, 02/20/2008 - 22:24
#1
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

CKFinder integration with FCKeditor

I am trying to get CKFinder to work with FCKeditor. I am using Coldfusion and IE 7.

When I try and browse the server I get the following error:

XML request error: Internal Server Error (500)

I also get this same error when I use the two sample files fckeditor.cfm and standalone.cfm

Can someone help me with this?

FYI - I made the following changes suggested in the docs to the fckconfig.js file:

FCKConfig.LinkBrowser = true ;
FCKConfig.LinkBrowserURL = '/ckfinder/ckfinder.html' ;
//FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=../../connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ;
FCKConfig.LinkBrowserWindowWidth = FCKConfig.ScreenWidth * 0.7 ; // 70%
FCKConfig.LinkBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ; // 70%

FCKConfig.ImageBrowser = true ;
FCKConfig.ImageBrowserURL = '/ckfinder/ckfinder.html?type=Images' ;
//FCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Image&Connector=../../connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ;
FCKConfig.ImageBrowserWindowWidth = FCKConfig.ScreenWidth * 0.7 ; // 70% ;
FCKConfig.ImageBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ; // 70% ;

FCKConfig.FlashBrowser = true ;
FCKConfig.FlashBrowserURL = '/ckfinder/ckfinder.html?type=Flash' ;
//FCKConfig.FlashBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Flash&Connector=../../connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ;
FCKConfig.FlashBrowserWindowWidth = FCKConfig.ScreenWidth * 0.7 ; //70% ;
FCKConfig.FlashBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ; //70% ;

FCKConfig.LinkUpload = true ;
FCKConfig.LinkUploadURL = '/ckfinder/core/connector/cfm/connector.cfm?command=QuickUpload&type=Files' ;
//FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension ;
FCKConfig.LinkUploadAllowedExtensions = ".(7z|aiff|asf|avi|bmp|csv|doc|fla|flv|gif|gz|gzip|jpeg|jpg|mid|mov|mp3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pxd|qt|ram|rar|rm|rmi|rmvb|rtf|sdc|sitd|swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|wmv|xls|xml|zip)$" ; // empty for all
FCKConfig.LinkUploadDeniedExtensions = "" ; // empty for no one

FCKConfig.ImageUpload = true ;
FCKConfig.ImageUploadURL = '/ckfinder/core/connector/cfm/connector.cfm?command=QuickUpload&type=Images' ;
//FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=Image' ;
FCKConfig.ImageUploadAllowedExtensions = ".(jpg|gif|jpeg|png|bmp)$" ; // empty for all
FCKConfig.ImageUploadDeniedExtensions = "" ; // empty for no one

FCKConfig.FlashUpload = true ;
FCKConfig.FlashUploadURL = '/ckfinder/core/connector/cfm/connector.cfm?command=QuickUpload&type=Flash' ;
//FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=Flash' ;
FCKConfig.FlashUploadAllowedExtensions = ".(swf|flv)$" ; // empty for all
FCKConfig.FlashUploadDeniedExtensions = "" ; // empty for no one
Top
Tue, 02/26/2008 - 19:04
wiktor
wiktor's picture
Joined: 16/07/2007
Posts: 1641

Re: CKFinder integration with FCKeditor

Does CKFinder work in standalone mode?
If yes, use Firefox + Tamper Data extension (or Fiddler + Internet Explorer) to trace all HTTP requests.
Find the request that sent HTTP code 500 and open it in new window. Let me know what's the url of this request.
If you prefer me to do it, please supply an url to the test installation that doesn't work.

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Top
Tue, 02/26/2008 - 21:35
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

Re: CKFinder integration with FCKeditor

Yes, I get this same error when I use the two sample files fckeditor.cfm and standalone.cfm
Top
Tue, 02/26/2008 - 22:35
wiktor
wiktor's picture
Joined: 16/07/2007
Posts: 1641

Re: CKFinder integration with FCKeditor

Could you open this in your browser:
http://example.com/ckfinder/core/connec ... mmand=Init
(replace http://example.com/ckfinder/ with the correct address).
Do this command cause the Internal Server Error (500) error?
If yes, please take a look at log files, maybe they contain some useful information.

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Top
Wed, 02/27/2008 - 04:43
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

Re: CKFinder integration with FCKeditor

I executed the command as you asked and it errored because it couldn't interpret a session variable I was trying to use as follows:

config.baseUrl = "/images/#session.name#/";

When I removed the variable I did not get any error just a blank page.

Can I pass a session variable within <cfscript>?

Also, now when I run the standalone example I get an XML Request Error: OK (200)
Top
Wed, 02/27/2008 - 09:14
wiktor
wiktor's picture
Joined: 16/07/2007
Posts: 1641

Re: CKFinder integration with FCKeditor

Ok, we're one step closer now. Someone already had the same problem and wrote that turning off the debug mode solved his problem, take a look here: viewtopic.php?f=10&t=8568.
Before using session variables, you may want to read this document: http://docs.fckeditor.net/CKFinder/Deve ... n/Sessions

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Top
Wed, 02/27/2008 - 14:16
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

Re: CKFinder integration with FCKeditor

Turning off the CF Debugger worked!

Thank you, you've been very helpful.

Is there any possibility you can help me with my other issues?

Here are the titles of my posts:

Dynamically set default file folder for CKFinder
Dynamically set CSS file location using CF Session Variable
Change font size options to points

By the way I use session variables all the time I just don't know how to set them in <CFSCRIPT> and Javascript.
Top
Fri, 02/29/2008 - 18:38
wiktor
wiktor's picture
Joined: 16/07/2007
Posts: 1641

Re: CKFinder integration with FCKeditor

Example steps to set dynamically userfiles folder with ColdFusion:

Create Application.cfc to enable sessions:
http://docs.fckeditor.net/CKFinder/Deve ... n/Sessions

Edit config.cfm:

if (isDefined("session.baseUrl"))
   config.baseUrl = session.baseUrl;
else
   config.baseUrl = "/ckfinder/userfiles/";

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Top
Mon, 03/03/2008 - 17:46
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

Re: CKFinder integration with FCKeditor

Wicktor,

As you suggested I placed this code in \ckfinder\config.cfm:

if (isDefined("session.baseUrl"))
   config.baseUrl = session.baseUrl;
else
   config.baseUrl = "/ckfinder/userfiles/";


And this code in my application.cfm:

<cfset session.EditorAreaCSS = "/css/#SelectAssociate.name#.css">


The debugger shows that session.EditorAreaCSS is set as follows: baseurl=/images/gary/

When I upload a file the it ends up in /ckfinder/userfiles/images

What am I missing here?

Roger
Top
Mon, 03/03/2008 - 19:09
wiktor
wiktor's picture
Joined: 16/07/2007
Posts: 1641

Re: CKFinder integration with FCKeditor

session.EditorAreaCSS sets the path to the CSS file used by FCKeditor.
It has nothing to do with the path where files are uploaded.

Information about setting up CKFinder can be found here:
http://docs.fckeditor.net/CKFinder/Deve ... figuration

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Top
Mon, 03/03/2008 - 20:52
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

Re: CKFinder integration with FCKeditor

Wictor,

I'm sorry I cut the wrong line of code out. I've read the docs and here's how I am set up...which still isn't working.

Here's what I have in my application.cfm:

<cfset session.baseUrl = "/images/">
<cfset session.baseDir = "/images/#SelectAssociate.name#/">


I want the images to be stored in: /images/gary/

Here's what I have in /ckfinder/config.cfm:

if (isDefined("session.baseUrl"))
   config.baseUrl = session.baseUrl;
else
   config.baseUrl = "/ckfinder/userfiles/";

if (isDefined("session.baseDir"))
   config.baseDir = session.baseDir;
else
   config.baseDir = "/ckfinder/userfiles/";


When I browse the server it still goes to the default "/ckfinder/userfiles/images

Your help would be greatly appreciated. Thanks.
Top
Mon, 03/03/2008 - 21:12
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

Re: CKFinder integration with FCKeditor

Wictor,

I thought I better send over this code as well, in case it makes a difference.
My goal is to have all files that are uploaded all end up in one folder basedon the session variable, for example: /images/gary/
I made changes to this based upon a posting on the forum.

   Config.AllowedExtensions             = StructNew() ;
   Config.DeniedExtensions             = StructNew() ;
   Config.FileTypesPath                = StructNew() ;
   Config.FileTypesAbsolutePath          = StructNew() ;
   Config.QuickUploadPath                = StructNew() ;
   Config.QuickUploadAbsolutePath          = StructNew() ;

   Config.AllowedExtensions["File"]       = "7z,aiff,asf,avi,bmp,csv,doc,fla,flv,gif,gz,gzip,jpeg,jpg,mid,mov,mp3,mp4,mpc,mpeg,mpg,ods,odt,pdf,png,ppt,pxd,qt,ram,rar,rm,rmi,rmvb,rtf,sdc,sitd,swf,sxc,sxw,tar,tgz,tif,tiff,txt,vsd,wav,wma,wmv,xls,xml,zip" ;
   Config.DeniedExtensions["File"]       = "" ;
   Config.FileTypesPath["File"]          = Config.UserFilesPath;
   Config.FileTypesAbsolutePath["File"]    = iif( Config.ServerPath eq "", de(""), de(Config.ServerPath') ) ;
   Config.QuickUploadPath["File"]          = Config.FileTypesPath["File"] ;
   Config.QuickUploadAbsolutePath["File"]    = Config.FileTypesAbsolutePath["File"] ;

   Config.AllowedExtensions["Image"]       = "bmp,gif,jpeg,jpg,png" ;
   Config.DeniedExtensions["Image"]       = "" ;
   Config.FileTypesPath["Image"]          = Config.UserFilesPath;
   Config.FileTypesAbsolutePath["Image"]    = iif( Config.ServerPath eq "", de(""), de(Config.ServerPath') ) ;
   Config.QuickUploadPath["Image"]       = Config.FileTypesPath["Image"] ;
   Config.QuickUploadAbsolutePath["Image"] = Config.FileTypesAbsolutePath["Image"] ;

   Config.AllowedExtensions["Flash"]       = "swf,flv" ;
   Config.DeniedExtensions["Flash"]       = "" ;
   Config.FileTypesPath["Flash"]          = Config.UserFilesPath;
   Config.FileTypesAbsolutePath["Flash"]    = iif( Config.ServerPath eq "", de(""), de(Config.ServerPath') ) ;
   Config.QuickUploadPath["Flash"]       = Config.FileTypesPath["Flash"] ;
   Config.QuickUploadAbsolutePath["Flash"] = Config.FileTypesAbsolutePath["Flash"] ;

   Config.AllowedExtensions["Media"]       = "aiff,asf,avi,bmp,fla,flv,gif,jpeg,jpg,mid,mov,mp3,mp4,mpc,mpeg,mpg,png,qt,ram,rm,rmi,rmvb,swf,tif,tiff,wav,wma,wmv" ;
   Config.DeniedExtensions["Media"]       = "" ;
   Config.FileTypesPath["Media"]          = Config.UserFilesPath;
   Config.FileTypesAbsolutePath["Media"]    = iif( Config.ServerPath eq "", de(""), de(Config.ServerPath') ) ;
   Config.QuickUploadPath["Media"]       = Config.FileTypesPath["Media"] ;
   Config.QuickUploadAbsolutePath["Media"] = Config.FileTypesAbsolutePath["Media"] ;


Thanks,

Roger
Top
Tue, 03/04/2008 - 15:09
wiktor
wiktor's picture
Joined: 16/07/2007
Posts: 1641

Re: CKFinder integration with FCKeditor

This doesn't really look to me like a CKFinder config file.
I think you're modifying the wrong file (FCKeditor config file, located somewhere inside of fckeditor\editor\filemanager\connectors...).
You should adjust/modify config.cfm located in the CKFinder directory.
Note that both applications have differenct config structure, so you can't simply "borrow" configuration settings from FCKeditor.

Tip:
if you want to modify the path where files should be uploaded by CKFinder, you need to change the url and directory of resource types:
config.resourceType[1].url = config.baseUrl & 'files';
config.resourceType[1].directory = config.baseDir & 'files';

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Top
Tue, 03/04/2008 - 18:47
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

Re: CKFinder integration with FCKeditor

Wictor,

So once you decide to use CKFinder then that's where you control the location of the files, correct?

When I went to try and configure the file locations I ran into a new problem. This is before I even tried to modify the config.cfm.

When I open the editor, click the Image toolbar option and then try and browse the server it totally locks up my browser. I can't exit or close anything within the browser. I end up having to use the Task Manager to close down the browser.

Any ideas?

Thanks,

Roger
Top
Tue, 03/04/2008 - 21:39
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

Re: CKFinder integration with FCKeditor

Wictor,

This is getting very frustrating for me and I'm sure for you as well.

I rebooted my computer which got rid of the locking up issue - who knows what that was all about.

Now I'm back to getting the XML request error: Internal Server Error (500) when trying to browse the server.

The debugger is off.

I also get this same error when I try the two sample files fckeditor.cfm and standalone.cfm using these URLs:

http://www.cayrealestate.com/ckfinder/_ ... editor.cfm
http://www.cayrealestate.com/ckfinder/_ ... dalone.cfm

When I execute the following URL that you asked me to try previously I get a Coldfusion error that says 'The element at position 1 cannot be found'.

http://www.cayrealestate.com/ckfinder/c ... mmand=Init

I feel like I'm going in circles doing this installation.

Can you please help me get back on track?

Thanks,

Roger

Top
Wed, 03/05/2008 - 08:10
wiktor
wiktor's picture
Joined: 16/07/2007
Posts: 1641

Re: CKFinder integration with FCKeditor

Please try to be more careful when editing files, read documentation first and make sure that you have a backup copy of every file before changing anything. Then, if anything bad happens just roll back to the latest working version.
As the error says, "Enable Robust Exception Information to provide greater detail about the source of errors" (http://www.cayrealestate.com/ckfinder/c ... mmand=Init).
This is the best way to find out what's wrong. I guess that you have broken the config file and now CKFinder is unable to work properly.
You may try to redownload CKFinder and copy the original files in place of the broken ones.

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Top
Fri, 03/07/2008 - 17:43
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

Re: CKFinder integration with FCKeditor

Wictor,

I took your good advice, have started fresh, and now have FCKeditor working and CKFinder working; however, I can't get the dynamic directory setting to work.

It keeps defaulting to: /ckfinder/userfiles/images

My session variables are set as follows:

basedir=/images/gary/
baseurl=/images/

I have this code in my CKFInder config.cfm file:

if (isDefined("session.baseUrl"))
   config.baseUrl = session.baseUrl;
else
   config.baseUrl = "/ckfinder/userfiles/";

config.baseDir = APPLICATION.CreateCFC("Utils.FileSystem").resolveUrl(config.baseUrl);


What am I missing?

Thanks,

Roger
Top
Mon, 03/10/2008 - 14:05
wiktor
wiktor's picture
Joined: 16/07/2007
Posts: 1641

Re: CKFinder integration with FCKeditor

Hi,

Please take a look at the example with setting dynamic folder that I have sent to you, it does all that you need.
Note that config.baseUrl and config.baseDir are just helper variables, which are used later to define resource types (directories and urls).
So if you overwrite those variables at the end of config file, they won't be used at all.

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Top
Mon, 03/10/2008 - 18:29
drmaves
drmaves's picture
Joined: 16/11/2007
Posts: 27

Re: CKFinder integration with FCKeditor

Wictor,

Thanks for getting back to me.

I have not changed anything in the config.cfm file. I am using the one straight out of the zipped group of samples you sent me.

I have set the session variables as follows:

<cfset session.baseUrl = "/images/">
<cfset session.baseDir = "/images/#SelectAssociate.name#/">
<cfset session.EditorAreaCSS = "/css/#SelectAssociate.name#.css">

Could there be a problem in the code on the page where I call the editor? Since I'm not using the old script method, I'm thinking there maybe something missing there. Here's what I have on the page where I call the editor:

<cfset fckeditor_config = structNew()>
<cfif (isDefined("session.EditorAreaCSS"))>
   <cfset fckeditor_config.EditorAreaCSS = session.EditorAreaCSS >
   <cfset fckeditor_config.BodyId = "fckeditorid" >
</cfif>

<cfmodule
template="/fckeditor/fckeditor.cfm"
basePath="/fckeditor/"
instanceName="home_content"
value="#SelectAssociate.home_content#"
width="100%"
height="500"
config="#fckeditor_config#">


Can you take a look at this an let me know? Everything else you have helped me with is working great.

Thanks,

Roger
Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check