Controlling Relative Paths across directories

I'm building an edit suite for a database-controlled site.

I have a situation where images and links are referenced from the root directory, eg 'userfiles/images/image_name.jpg' so my actual baseUrl needs to be '/userfiles/'. But the editor building the pages is within another area of the site, eg '/admin/' so for the editor to work it requires a baseUrl of '../userfiles/'.

I don't want to use an absolute address because the database needs to be transportable across different servers leaving me with the requirement to some-how have my links kept relative, saving using the root directory, but displaying in the editor using the admin path.

Is this possible?

I'm using CKEditor with CKFinder.

Wed, 09/23/2009 - 14:00

wiktor

Joined: 16/07/2007

Posts: 1641

Re: Controlling Relative Paths across directories

I'm not sure how exactly do you want to have it configured, but someting like this should work in CKFinder as well:

$baseUrl = '../userfiles/';
$baseDir = "C:/www/CKFinder/userfiles/";

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Wed, 09/30/2009 - 00:03

das123

Joined: 19/05/2009

Posts: 4

Re: Controlling Relative Paths across directories

I'm really struggling getting a grip on this.

My site sort of looks like this:

Root
    |_(admin)
    |    |_adminpage.php
    |_(userfiles)
    |    |_imagefile.jpg
    |_viewpage.php

So I'm editing content in 'admin/adminpage.php' that will be viewed in 'viewpage.php'.

If I set my $baseURL to '../userfiles/' then it works for the editor when it is nested within an 'admin' directory. So at this stage it looks fine and I'm seeing what I want to see.

But when I save the edited code, the images all have a URL like '../usefiles/imagefile.jpg'. When accessed from 'viewpage.php' it is trying to find a path that doesn't exist because this isn't nested like 'adminpage.php'.

If I change the $baseURL to 'userfiles/' then I can't see what I'm doing in the editor, but the images work when shown in 'viewpage.php'.

So how can I use the editor, seeing the correct imagery, yet save the images so they are relative from the root rather than from the editor?

I hope I'm making sense with this.

Wed, 09/30/2009 - 02:27

das123

Joined: 19/05/2009

Posts: 4

Re: Controlling Relative Paths across directories

Its a dirty work-around, but I ended up just making a function to handle the relative paths.

function editorImgRelPath($htmlStr, $relativeURL, $fromDB = false, $targetURL = '') {
   if (!$fromDB) {
      // Remove the relative URL and replace it with the target URL (for saving to the database)
      $result = preg_replace('%(=")'.preg_quote($relativeURL).'(images/)%im', '$1'.$targetURL.'$2', $htmlStr);
   } else {
      // Remove the target URL and replace it with the relative URL (for loading from the database)
      $result = preg_replace('%(=")'.preg_quote($targetURL).'(images/)%im', '$1'.$relativeURL.'$2', $htmlStr);
   }
   return $result;
}

$baseURL is given the relative path from the page doing the editing so new images show in the editor.

When loading html data from the database, the command would be something like:

editorImgRelPath(stripslashes($row_rsArticle['html_content']), '../', true)

and the relative path would then be appended to the image path.

When saving the data back to the database, the command would be:

addslashes(editorImgRelPath(stripslashes($_POST['html_content']), '../', false))

and the relative path would be stripped from the image path.

Wish there was a way to handle this within CKEditor.