Skip to content
CKFinder bundle for Symfony framework.
Branch: master
Clone or download
zaak Merge pull request #16 from NETFORMIC-GmbH/master
Update to latest ckfinder version
Latest commit 438005d Apr 3, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
Authentication Don't use CKFinder AuthenticationInterface. Jun 3, 2017
Command Update to latest ckfinder version Apr 3, 2019
Config/Definition #1 Added custom config node for proper merging of backends Aug 30, 2015
Controller Initial commit Aug 27, 2015
DependencyInjection Update for 3.2.0 Dec 11, 2015
Form/Type Initial commit Aug 27, 2015
Tests Change param used for default backend root Dec 11, 2015
_connector Initial commit Aug 27, 2015
.gitignore Initial commit Aug 27, 2015
CKSourceCKFinderBundle.php Initial commit Aug 27, 2015
LICENSE.txt Initial commit Aug 27, 2015 Update Aug 8, 2018
composer.json Update for 3.4.2 Jul 2, 2017
phpunit.xml.dist Initial commit Aug 27, 2015

CKFinder 3 Bundle for Symfony 2

This repository contains the CKFinder 3 bundle for Symfony 2.


  1. Add Composer dependency and install the bundle.

    composer require ckfinder/ckfinder-symfony2-bundle
  2. Enable the bundle in AppKernel.php.

    // app/AppKernel.php
    public function registerBundles()
    	$bundles = array(
    		// ...
    		new CKSource\Bundle\CKFinderBundle\CKSourceCKFinderBundle(),
  3. Run the command to download the CKFinder distribution package.

    After installing the bundle you need to download CKFinder distribution package. It is not shipped with the bundle due to different license terms. To install it, run the following Symfony command:

    php app/console ckfinder:download

    It will download the code and place it in the Resource/public directory of the bundle. After that you may also want to install assets, so the web directory will be updated with CKFinder code.

    php app/console assets:install web
  4. Enable bundle routing in app/config/routing.yml.

    # app/config/routing.yml
        resource: "@CKSourceCKFinderBundle/Resources/config/routing.yml"
        prefix:   /
  5. Create a directory for CKFinder files and allow for write access to it. By default CKFinder expects it to be placed in web/userfiles (this can be altered in configuration).

    mkdir -m 777 web/userfiles

NOTE: Since usually setting permissions to 0777 is insecure, it is advisable to change the group ownership of the directory to the same user as Apache and add group write permissions instead. Please contact your system administrator in case of any doubts.

At this point you should see the connector JSON response after navigating to the /ckfinder/connector?command=Init route. Authentication for CKFinder is not configured yet, so you will see an error response saying that CKFinder is not enabled.

Configuring Authentication

CKFinder connector authentication is managed by the ckfinder.connector.auth service, which by default is defined in the CKSourceCKFinderBundle\Authentication\Authentication class. It contains the authenticate method that should return a Boolean value to decide if the user should have access to CKFinder. As you can see the default service implementation is not complete and simply returns false inside the authenticate method, but you can find it useful as a starting stub code.

To configure authentication for the CKFinder connector you need to create a class that implements CKSource\Bundle\CKFinderBundle\Authentication\AuthenticationInterface, and point the CKFinder connector to use it.

A basic implementation that returns true from the authenticate method (which is obviously not secure) can look like below:

// src/AppBundle/CustomCKFinderAuth/CustomCKFinderAuth.php

namespace AppBundle\CustomCKFinderAuth;

use CKSource\Bundle\CKFinderBundle\Authentication\AuthenticationInterface;
use Symfony\Component\DependencyInjection\ContainerAware;

class CustomCKFinderAuth extends ContainerAware implements AuthenticationInterface
    public function authenticate()
        return true;

You may have noticed that AuthenticationInterface extends ContainerAwareInterface, so you have access to the service container from the authentication class scope. For convenience and to save a few lines of code the above example extends ContainerAware.

When your custom authentication is ready, you need to tell the CKFinder connector to start using it. To do that add the following option to your configuration:

# app/config/config.yml

        authenticationClass: AppBundle\CustomCKFinderAuth\CustomCKFinderAuth

Configuration Options

The default CKFinder connector configuration is taken from the CKSourceCKFinderBundle::Resources/config/ckfinder_config.php file. Thanks to the Symfony configuration merging mechanism there are multiple ways you can overwrite it. The default configuration is provided in form of a regular PHP file, but you can use the format you prefer (YAML, XML) as long as the structure is valid.

The simplest way to overwrite the default configuration is copying the ckfinder_config.php file to your application config directory, and then importing it in the main configuration file:

# app/config/config.yml

    - { resource: ckfinder_config.php }

From now all connector configuration options will be taken from app/config/ckfinder_config.php.

Another way to configure CKFinder is to include required options under the ckfinder node, directly in your app/config/config.yml.

# app/config/config.yml

        licenseName: LICENSE-NAME
        licenseKey: LICENSE-KEY
        authenticationClass: AppBundle\CustomCKFinderAuth\CustomCKFinderAuth

                name: MyResource
                backend: default
                directory: myResource

Note: All options that are not defined will be taken from the default configuration file.

To find out more about possible connector configuration options please refer to CKFinder 3 – PHP Connector Documentation.

The CKFinder bundle provides two extra options:

  • authenticationClass – the name of the CKFinder authentication service class (defaults to CKSource\Bundle\CKFinderBundle\Authentication\Authentication)
  • connectorClass – the name of the CKFinder connector service class (defaults to CKSource\CKFinder\CKFinder)


The bundle code contains a few usage examples that you may find useful. To enable them uncomment the ckfinder_examples route in CKSourceCKFinderBundle::Resources/config/routing.yml:

    pattern:     /ckfinder/examples/{example}
    defaults: { _controller: CKSourceCKFinderBundle:CKFinder:examples, example = null }

After that you can navigate to the /ckfinder/examples path and have a look at the list of available examples. To find out about the code behind them, check the CKFinderController class (CKSourceCKFinderBundle::Controller/CKFinderController.php).

Including the Main CKFinder JavaScript File in Templates

The preferred way to include ckfinder.js in a template is including the CKFinder setup template, like presented below:

{% include "CKSourceCKFinderBundle::setup.html.twig" %}

The included template renders the required script tags and configures a valid connector path.

<script type="text/javascript" src="/bundles/cksourceckfinder/ckfinder/ckfinder.js"></script>
<script>CKFinder.config( { connectorPath: '/ckfinder/connector' } );</script>

CKFinder File Chooser

The bundle registers a form field type — ckfinder_file_chooser — that allows for easy integration of CKFinder as a file chooser in your forms. After choosing the file in CKFinder the corresponding input field is automaticaly filled with the file URL. You can see a working example under the /ckfinder/examples/filechooser path.

The file chooser field is built on top of the regular text type, so it inherits all configuration options. It also provides a few custom options:

Name Type Default Value Description
mode string popup Mode in which CKFinder will be opened after clicking the "Browse" button. Allowed values are modal and popup.
button_text string Browse The text displayed in the button.
button_attr array [] Attributes for the button element.

A simple usage example may look like below:

$form = $this->createFormBuilder()
             ->add('file_chooser1', 'ckfinder_file_chooser', array(
                 'label' => 'Photo',
                 'button_text' => 'Browse photos',
                 'button_attr' => array(
                     'class' => 'my-fancy-class'

Note: To use CKFinder file chooser in your forms you still need to include the main CKFinder JavaScript file in your template (see Including the main CKFinder JavaScript file in templates).

You can’t perform that action at this time.