Template:CKFinder CKEditor Integration - Revision history

Wiktor at 13:37, 24 May 2010

2010-05-24T13:37:53Z

Wiktor at 08:07, 22 January 2010

2010-01-22T08:07:02Z

Wiktor: /* Specifying different folder for Quick Uploads */

2010-01-20T11:05:52Z

‎Specifying different folder for Quick Uploads

Wiktor at 11:03, 20 January 2010

2010-01-20T11:03:12Z

Wiktor at 11:50, 18 January 2010

2010-01-18T11:50:02Z

Wiktor at 11:34, 18 January 2010

2010-01-18T11:34:08Z

Wiktor at 10:56, 18 January 2010

2010-01-18T10:56:49Z

Wiktor at 10:53, 18 January 2010

2010-01-18T10:53:47Z

Wiktor at 22:48, 25 September 2009

2009-09-25T22:48:37Z

Wiktor at 22:45, 25 September 2009

2009-09-25T22:45:58Z

@@ Line 98: / Line 98: @@
   	filebrowserImageUploadUrl :
   	   '/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Images&currentFolder=/cars/',
-  	filebrowserFlashUploadUrl : '/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Flash',
+  	filebrowserFlashUploadUrl : '/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Flash'
+  }
   );

@@ Line 47: / Line 47: @@
+  {
   	filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
-  	filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?Type=Images',
+  	filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?type=Images',
-  	filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?Type=Flash',
+  	filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?type=Flash',
   	filebrowserUploadUrl : '/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Files',
   	filebrowserImageUploadUrl : '/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Images',
@@ Line 66: / Line 66: @@
+  {
   	filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
-  	filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?Type=Images',
+  	filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?type=Images',
-  	filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?Type=Flash',
+  	filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?type=Flash',
   	filebrowserUploadUrl : '/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Files',
   	filebrowserImageUploadUrl : '/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Images',
@@ Line 92: / Line 92: @@
+  {
   	filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
-  	filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?Type=Images',
+  	filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?type=Images',
-  	filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?Type=Flash',
+  	filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?type=Flash',
   	filebrowserUploadUrl :
   	   '/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Files&currentFolder=/archive/',

@@ Line 79: / Line 79: @@
 It is possible to change the size of CKFinder window inside of specific dialog by adding it's name to the configuration setting, for example to change just the size of Image dialog, set the following property: filebrowser'''Image'''WindowWidth.
-=== Specifying different folder for Quick Uploads ===
+=== Specifying destination folder for Quick Uploads ===
 The QuickUpload command is used when uploading files directly in the '''Upload''' tab <sup>(2)</sup> in CKEditor.

← Older revision		Revision as of 11:03, 20 January 2010
Line 78:		Line 78:

	It is possible to change the size of CKFinder window inside of specific dialog by adding it's name to the configuration setting, for example to change just the size of Image dialog, set the following property: filebrowser'''Image'''WindowWidth.		It is possible to change the size of CKFinder window inside of specific dialog by adding it's name to the configuration setting, for example to change just the size of Image dialog, set the following property: filebrowser'''Image'''WindowWidth.
		+
		+	=== Specifying different folder for Quick Uploads ===
		+
		+	The QuickUpload command is used when uploading files directly in the '''Upload''' tab <sup>(2)</sup> in CKEditor.
		+
		+	[[Image:CKEditor Image Dialog.png]]
		+
		+	When configuring filebrowserUploadUrl settings, it is possible to point CKFinder to a subfolder of given resource type and upload files directly to this subfolder.
		+	In order to do this, add '''currentFolder''' attribute to the query string:
		+
		+	{{#tag:source\|
		+	CKEDITOR.replace( 'editor1',
		+	{
		+	filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
		+	filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?Type=Images',
		+	filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?Type=Flash',
		+	filebrowserUploadUrl :
		+	'/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Files&currentFolder=/archive/',
		+	filebrowserImageUploadUrl :
		+	'/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Images&currentFolder=/cars/',
		+	filebrowserFlashUploadUrl : '/ckfinder/core/connector/{{{ext}}}/connector.{{{ext}}}?command=QuickUpload&type=Flash',
		+	}
		+	);
		+	}}
		+
		+	'''Note:''' the specified folder must already exist on the server ("archive" and "cars" in this example).

@@ Line 43: / Line 43: @@
 === Enabling CKFinder ===
   CKEDITOR.replace( 'editor1',
+  {
@@ Line 53: / Line 54: @@
+  }
   );
 Just change "/ckfinder/" in the above URLs if you have CKFinder installed in a different place.
@@ Line 60: / Line 62: @@
 To change CKFinder window width/height use filebrowserWindowWidth / filebrowserWindowHeight settings:
   CKEDITOR.replace( 'editor1',
+  {
@@ Line 72: / Line 75: @@
+  }
   );
 It is possible to change the size of CKFinder window inside of specific dialog by adding it's name to the configuration setting, for example to change just the size of Image dialog, set the following property: filebrowser'''Image'''WindowWidth.

@@ Line 17: / Line 17: @@
   CKFinder.SetupCKEditor( editor, '/ckfinder/' );
-It is also possible to pass an object with selected properties as a second argument:
+It is also possible to pass an object with selected properties as the second argument:
 ==== Example 2 ====

← Older revision		Revision as of 22:45, 25 September 2009
Line 1:		Line 1:
−	CKFinder 1.4 comes with built it APIs to easily integrate it with CKEditor ('''CKFinder.SetupCKEditor()''' ~~method~~). Check the "_samples" folder for ~~specific~~ examples ~~of it~~.	+	CKFinder 1.4 comes with built it APIs to easily integrate it with CKEditor.
		+
		+	== CKFinder.SetupCKEditor ==
		+
		+	The '''SetupCKEditor()''' method accepts four arguments:
		+
		+	CKFinder.SetupCKEditor( editorObj, basePath[, imageType, flashType] )
		+
		+	* <code>editorObj</code> - CKEditor instance, if the editorObj is null, then CKFinder will integrate with all CKEditor instances.
		+	* <code>basePath</code> - The path where CKFinder is installed (for example "/ckfinder/").
		+	* <code>imageType</code> - Name of the resource type that should be used when CKFinder is launched from the Image dialog.
		+	* <code>flashType</code> - Name of the resource type that should be used when CKFinder is launched from the Flash dialog.
		+
		+	==== Example 1 ====
		+
		+	var editor = CKEDITOR.replace( 'editor1' );
		+	CKFinder.SetupCKEditor( editor, '/ckfinder/' );
		+
		+	It is also possible to pass an object with selected properties as a second argument:
		+
		+	==== Example 2 ====
		+
		+	var editor = CKEDITOR.replace( 'editor1' );
		+	CKFinder.SetupCKEditor( editor, { BasePath : '/ckfinder/', RememberLastFolder : false } ) ;
		+
		+	...and below is example where we pass null as the first argument to integrate CKFinder with all CKEditor instances:
		+
		+	==== Example 3 ====
		+
		+	CKFinder.SetupCKEditor( null, '/ckfinder/' );
		+	var editor = CKEDITOR.replace( 'editor1' );
		+
		+	Check the "_samples" folder for more examples.
		+
		+	== Manual integration ==

	To instead configure CKEditor manually to use CKFinder, pass some additional CKFinder configuration settings to the CKEditor instance:		To instead configure CKEditor manually to use CKFinder, pass some additional CKFinder configuration settings to the CKEditor instance: