Customize CKFinder paths dynamically with JS, can it be done?

Question

I'm doing an administrative function to work with CKEditor v4.x and need a file/folder view, upload and selection tool. For the time being I'm using CKFinder as I'd like to avoid writing a complete plugin by myself. However for the purpose I need to be able to switch baseDir and baseUrl dynamically.

I tried older code examples like

CKFinder.setupCKEditor( 
          editor, 
          { 
                 basePath: '/ckfinder/', 
                 baseUrl: 'http://www.example.com/mydirectory/', 
                 baseDir: '/mydirectory/' 
           } 
);

But this doesn't work. Apparently you need to set the paths by PHP (server side). As I'm having many CKEditor instances on one page, generated dynamically, and all should use different CKFinder paths it is a great deal of work if I need to change the path asynchronously through AJAX calls... I can of course see the security considerations by letting client side code control baseDir. For the record this application, and CKFinder, is only available after login by administrative people.

score 1 · Answer 1 · edited Nov 13 '17 at 12:52

1

You can specify the parameter on the frontend side in the definition of the filebrowser button as following

{
  type: 'button',
  label:'Button for filebrowser',
  filebrowser: {
      action: 'Browse',
      params: {
      'id': '{someID}'
      }
 },

edited Nov 13 '17 at 12:52

Ramzan Mahmood

1,881
2
21
46

answered Jun 25 '14 at 12:05

Martin Alexándrovič

91
2

Thanks, yes that would then work identically on the back end as my solution? – jtheman Jun 25 '14 at 13:09
1

Yes, it will append the parameter 'id' to the filebrowser url. Filebrowser also dynamically appends some callback parameters itselft, like: CKEditor={identifierName}&CKEditorFuncNum=32&langCode=sk – Martin Alexándrovič Jun 25 '14 at 13:45
Thanks, this adds to improve my solution further! – jtheman Jun 25 '14 at 13:52

score 1 · Answer 2 · answered Feb 03 '16 at 15:06

In our CMS area we use CKFinder.setupCKEditor() and I was unable to pass variables or flags to the config file correctly.

So I simply went to where the 'IsAuthorized' flag is set (that allows access to use CKFinder in their CheckAuthentication() function), and I set two more session variables: 'ckfinder_baseDir' and 'ckfinder_baseUrl'.

*Note that I have a Config class that checks the enviroment, hence Config::isDev(). You can check it any way that makes sense for you.

$_SESSION['IsAuthorized'] = 1;
$_SESSION['ckfinder_baseUrl'] = Config::isDev() ? 'http://devurl.com/' : 'http://produrl.com';
$_SESSION['ckfinder_baseUrl'] = Config::isDev() ? '/path/to/dev/uploads/' : 'path/to/prod/uploads';

Then I simply use these flags when in the CKFinder config.php file.

$baseUrl = $_SESSION['ckfinder_baseUrl'];
$baseDir = $_SESSION['ckfinder_baseDir'];

score 0 · Accepted Answer · edited May 23 '17 at 10:28

With help from the discussion Customize baseUrl and baseDir in CKFinder I got close to the answer with Travis comment.

There is a way to call different server side settings for each instance of CKFinder by just using a GET parameter in the path to CKFinder. I set the id of the filebrowserpath

filebrowserBrowseUrl: '/ckfinder/ckfinder.html?id=testdir'

And then in the config.php:

if ($_GET['id'] && $_GET['id'] == "testdir") {
   $baseDir = $baseDir . 'testdir/';
   $baseUrl = $baseUrl . 'testdir/';
}

This way each instance of CKeditor can use different basePath and baseUrl settings, and also other specific config.

score 0 · Answer 4 · answered Nov 09 '15 at 06:53

in config.ascx in setConfig() method

    string userName = string.Empty;
    if (HttpContext.Current != null)
        userName = HttpContext.Current.User.Identity.Name;
    else
    throw new Exception("User Name is not provided");
    BaseUrl = "~/Uploads/Users/" + userName + "/";

Customize CKFinder paths dynamically with JS, can it be done?

4 Answers4

Linked