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


Tamper Data

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


http://example.com/ckfinder/core/connec ... mmand=Init
http://example.com/ckfinder/

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

viewtopic.php?f=10&t=8568
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




http://docs.fckeditor.net/CKFinder/Deve ... n/Sessions


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





<cfset session.baseUrl = "/ckfinder/dynamicdirectory/">

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





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













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



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







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

Re: CKFinder integration with FCKeditor


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

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