Before reading this section, please read the installation and configuration instructions and make sure that the examples located in the _samples directory are working correctly.

The _samples directory contains HTML files with examples of launching CKFinder by using the JavaScript code as well as a cfm folder with examples of launching CKFinder by using the ColdFusion language.

The following files are used when either the JavaScript or the ColdFusion method of launching CKFinder is used:

  • ckfinder.js in case of the JavaScript integration method,
  • ckfinder_v1.js in case of JavaScript V1 integration method (useful when migrating from CKFinder 1.x),
  • ckfinder.cfc in case of the ColdFusion integration method.


To launch CKFinder, basically we need to do three things:

  • Create an instance of a CKFinder class/component.
  • Assign CKFinder properties.
  • Call the Create function.

The example of creating CKFinder using a ColdFusion component:

ckfinder = createObject( "component", "ckfinder" ) ;
ckfinder.BasePath = "/ckfinder/" ;
ckfinder.Width = 400 ;
ckfinder.Create() ;

For a full working examples please refer to the "_samples" directory.

Integration methods

  • JavaScript integration - The preferred method of integration, simple, yet powerful.
  • JavaScript integration (V1) - The old "V1" way, useful when migrating from CKFinder 1.x because it is possible to reuse the old code.
  • ColdFusion integration - If you haven't worked with JavaScript before or the JavaScript integration seems to be too complicated then it might be the way to go for you.
This page was last modified on 18 May 2010, at 08:49.