Skip to content
CKFinder bundle for Symfony
PHP HTML
Branch: master
Clone or download
zaak Merge pull request #9 from Yemiez/master
Close ZipArchive after extraction when running ckfinder:download
Latest commit d83f751 Aug 12, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Authentication
Command Close the ZipArchive after extraction Aug 12, 2019
Config/Definition
Controller Use AbstractController Dec 14, 2018
DependencyInjection Further BC fix Dec 14, 2018
Factory Update ConnectorFactory.php Oct 12, 2018
Form/Type Fix quoting the scalar starting with the "%" Dec 20, 2016
Polyfill A bunch of fixes for seamless S4 support Oct 12, 2018
Resources Update to the defined routers to point at the controller and no the f… Apr 25, 2019
Tests Further BC fix Dec 14, 2018
_connector Added dir placeholders Sep 17, 2016
.gitignore Initial Sep 17, 2016
CKSourceCKFinderBundle.php Initial Sep 17, 2016
LICENSE.txt Initial Sep 17, 2016
README.md Update README.md Dec 15, 2018
composer.json Alter package name Oct 11, 2018
phpunit.xml.dist Initial Sep 17, 2016

README.md

CKFinder 3 Bundle for Symfony

This repository contains the CKFinder 3 bundle for Symfony 3+. If you're looking for bundle for Symfony 2, please refer here.

Installation

  1. Add Composer dependency and install the bundle.

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

    Note: This step is required only for Symfony 3. If you use Symfony 4 the bundle will be registered automatically.

    // app/AppKernel.php
    
    public function registerBundles()
    {
    	$bundles = [
    		// ...
    		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 bin/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 public directory will be updated with CKFinder code.

    php bin/console assets:install
  4. Enable bundle routing.

    Symfony 3

    Enable bundle routes in app/config/routing.yml:

    # app/config/routing.yml
    
    ckfinder_connector:
        resource: "@CKSourceCKFinderBundle/Resources/config/routing.yml"
        prefix:   /

    Symfony 4

    Create config/routes/ckfinder.yml with following contents:

    # config/routes/ckfinder.yml
    
    ckfinder_connector:
        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 <public folder>/userfiles (this can be altered in configuration).

    Symfony 3

    mkdir -m 777 web/userfiles

    Symfony 4

    mkdir -m 777 public/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:

Symfony 3

// src/AppBundle/CustomCKFinderAuth/CustomCKFinderAuth.php

namespace AppBundle\CustomCKFinderAuth;

use CKSource\Bundle\CKFinderBundle\Authentication\Authentication as AuthenticationBase;

class CustomCKFinderAuth extends AuthenticationBase
{
    public function authenticate()
    {
        return true;
    }
}

Symfony 4

// src/CustomCKFinderAuth/CustomCKFinderAuth.php

namespace App\CustomCKFinderAuth;

use CKSource\Bundle\CKFinderBundle\Authentication\Authentication as AuthenticationBase;

class CustomCKFinderAuth extends AuthenticationBase
{
    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.

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:

Symfony 3

In app/config/config.yml file add following configuration:

# app/config/config.yml

ckfinder:
    connector:
        authenticationClass: AppBundle\CustomCKFinderAuth\CustomCKFinderAuth

Symfony 4

Create config/packages/ckfinder.yml file:

# config/packages/ckfinder.yml

ckfinder:
    connector:
        authenticationClass: App\CustomCKFinderAuth\CustomCKFinderAuth

Configuration Options

The default CKFinder connector configuration is taken from the @CKSourceCKFinder/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:

Symfony 3

# app/config/config.yml

imports:
    ...
    - { resource: ckfinder_config.php }

Symfony 4

# config/packages/ckfinder.yml

imports:
    - { resource: ckfinder_config.php }
    
...

From now all connector configuration options will be taken from copied ckfinder_config.php.

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

Symfony 3

# app/config/config.yml

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

        resourceTypes:
            MyResource:
                name: MyResource
                backend: default
                directory: myResource

Symfony 4

# config/packages/ckfinder.yml

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

        resourceTypes:
            MyResource:
                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)

Usage

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

ckfinder_examples:
    pattern:     /ckfinder/examples/{example}
    defaults: { _controller: CKSource\Bundle\CKFinderBundle\Controller::examplesAction, 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 "@CKSourceCKFinder/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 — CKFinderFileChooserType — 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', CKFinderFileChooserType::class, [
                 'label' => 'Photo',
                 'button_text' => 'Browse photos',
                 'button_attr' => [
                     'class' => 'my-fancy-class'
                 ]
             ])
             ->getForm();

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.