FCKEditor, CKFinder and Drupal (6 - RC4)

Possibly your notice about different directories naming is right. I've implemented your patch on my Drupal 5 FCK installation. Now I can browse my files with CKFinder only when I click "Add link" in FCKEditor. When I click "Add image" button, CKFinder loads, but both left and right panels are empty and gray. Did you overcome this problem?

You need to change the name of the resource type in the CKFinder config file (Image -> Images) and probably also do the same change to the directory it points to.
Before:

$config['ResourceType'][] = Array(
      'name' => 'Images',
      'url' => $baseUrl . 'images',
      'directory' => $baseDir . 'images',
      'maxSize' => 0,
      'allowedExtensions' => 'bmp,gif,jpeg,jpg,png',
      'deniedExtensions' => '.svn');

After:

$config['ResourceType'][] = Array(
      'name' => 'Image',
      'url' => $baseUrl . 'images',
      'directory' => $baseDir . 'image',
      'maxSize' => 0,
      'allowedExtensions' => 'bmp,gif,jpeg,jpg,png',
      'deniedExtensions' => '.svn');

OK, I give up. I am using v2.6.3 and don't see any lines in the fckeditor.module file that even mention 'advanceduploads'. It also looks like the previous if() was changed to a switch, so I tried adding something like this, but no go.

        case 'advancedupload':
          $element['#suffix'] .= $js_id .".Config['LinkBrowser'] = true;\n";
          $element['#suffix'] .= $js_id .".Config['ImageBrowser'] = true;\n";
          $element['#suffix'] .= $js_id .".Config['FlashBrowser'] = true;\n";
          $element['#suffix'] .= $js_id .".Config['LinkBrowserURL'] = '". $module_full_path ."/fckeditor/editor/ckfinder/ckfinder.html?Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
          $element['#suffix'] .= $js_id .".Config['ImageBrowserURL'] = '". $module_full_path ."/fckeditor/editor/ckfinder/ckfinder.html?Type=Image&Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
          $element['#suffix'] .= $js_id .".Config['FlashBrowserURL'] = '". $module_full_path ."/fckeditor/editor/ckfinder/ckfinder.html?Type=Flash&Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
          break;

Does anyone have any ideas on how to get this working with v. 2.6.3 ? Thanks!

I finally got my install to work; figured I would share...

Software versions used:

• Linux Server


• Drupal 6.11


• FCKeditor Module - WYSIWYG HTML editor 6.x-1.3


• FCKeditor 2.6.4


• CKfinder 1.3.2 for PHP

Step 1) You will need a working install of FCKeditor in Drupal. This is important so that you're not trying to fix bugs caused by another issue; besides, you should be at this point by now if you're reading this post... The README.txt found with the editor was accurate for installation; in my experience.

Step 2) Copy the CKFinder directory into the FCKeditor folder within the FCKeditor module for Drupal.

Step 3) In the FCKeditor Drupal module's fckeditor.module, find this:

if ($quickupload) {
        $js .= $js_id .".Config['LinkUpload'] = true;\n";
        $js .= $js_id .".Config['ImageUpload'] = true;\n";
        $js .= $js_id .".Config['FlashUpload'] = true;\n";        
      
      // $js .= $js_id .".Config['LinkBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
      // $js .= $js_id .".Config['ImageBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
      // $js .= $js_id .".Config['FlashBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
}

...and replace it with this:

if ($quickupload) {
        $js .= $js_id .".Config['LinkUpload'] = true;\n";
        $js .= $js_id .".Config['ImageUpload'] = true;\n";
        $js .= $js_id .".Config['FlashUpload'] = true;\n";        
      
      // New paths for CKFinder
      $js .= $js_id .".Config['LinkBrowserURL'] = '". $module_full_path ."/fckeditor/ckfinder/ckfinder.html';\n";
      $js .= $js_id .".Config['ImageBrowserURL'] = '". $module_full_path ."/fckeditor/ckfinder/ckfinder.html?type=Images';\n";
      $js .= $js_id .".Config['FlashBrowserURL'] = '". $module_full_path ."/fckeditor/ckfinder/ckfinder.html?type=Flash';\n";
      
      // Originals
      // $js .= $js_id .".Config['LinkBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
      // $js .= $js_id .".Config['ImageBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
      // $js .= $js_id .".Config['FlashBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
}

Step 4) Do the same as step 3 a few lines down replacing this:

        case 'builtin':
          $js .= $js_id .".Config['LinkBrowser'] = true;\n";
          $js .= $js_id .".Config['ImageBrowser'] = true;\n";
          $js .= $js_id .".Config['FlashBrowser'] = true;\n";
        
      // New paths for CKFinder
      $js .= $js_id .".Config['LinkBrowserURL'] = '". $module_full_path ."/fckeditor/ckfinder/ckfinder.html';\n";
      $js .= $js_id .".Config['ImageBrowserURL'] = '". $module_full_path ."/fckeditor/ckfinder/ckfinder.html?type=Images';\n";
      $js .= $js_id .".Config['FlashBrowserURL'] = '". $module_full_path ."/fckeditor/ckfinder/ckfinder.html?type=Flash';\n";
      
      // Originals
      // $js .= $js_id .".Config['LinkBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
      // $js .= $js_id .".Config['ImageBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
      // $js .= $js_id .".Config['FlashBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
      
          break;

...with this:

        case 'builtin':
          $js .= $js_id .".Config['LinkBrowser'] = true;\n";
          $js .= $js_id .".Config['ImageBrowser'] = true;\n";
          $js .= $js_id .".Config['FlashBrowser'] = true;\n";
        
      // New paths for CKFinder
      $js .= $js_id .".Config['LinkBrowserURL'] = '". $module_full_path ."/fckeditor/ckfinder/ckfinder.html';\n";
      $js .= $js_id .".Config['ImageBrowserURL'] = '". $module_full_path ."/fckeditor/ckfinder/ckfinder.html?type=Images';\n";
      $js .= $js_id .".Config['FlashBrowserURL'] = '". $module_full_path ."/fckeditor/ckfinder/ckfinder.html?type=Flash';\n";
      
      // Originals
      // $js .= $js_id .".Config['LinkBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
      // $js .= $js_id .".Config['ImageBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
      // $js .= $js_id .".Config['FlashBrowserURL'] = '". $module_full_path ."/fckeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=". $connector_path ."&ServerPath=". $files_path ."';\n";
      
          break;

Step 5) Open config.php from within the CKfinder directory and replace the empty CheckAuthentication() function with this:

function CheckAuthentication() {
  static $authenticated;
 
  if (!isset($authenticated)) {
    $drupal_path = "../../../";
    if(!file_exists($drupal_path . "/includes/bootstrap.inc")) {
      $drupal_path = "../..";
      do {
        $drupal_path .= "/..";
        $depth = substr_count($drupal_path, "..");
      }
      while(!($bootstrapFileFound = file_exists($drupal_path . "/includes/bootstrap.inc")) && $depth<10);
    }
    if (!isset($bootstrapFileFound) || $bootstrapFileFound) {
      $cwd = getcwd();
      chdir($drupal_path);
      require_once "./includes/bootstrap.inc";
      drupal_bootstrap(DRUPAL_BOOTSTRAP_FULL);
      $authenticated = user_access("allow fckeditor file uploads");
      chdir($cwd);
    }
  }
 
  return $authenticated;
}
$Config['Enabled'] = CheckAuthentication();
$baseUrl = '/' . file_directory_path() . '/';

Step 6) Still within the CKfinder config.php file, set your $baseUrl path. This will need to match your FCKeditor file paths. For example:

$baseUrl = '/sites/default/files/userfiles/';

Step 7) Clear your cache and refresh your page... You should have a working install. If not, I have been up all night trying to figure this out and forgot something. Remember having a working install of Drupal and FCKeditor with basic file upload and browsing ability first will help you avoid headaches...

You can view a screencast on How to Install CKfinder File Browser with CKeditor in Drupal