FCKeditor 2.x/Developers Guide/Customization/Custom File Browser - Revision history

W.olchawa at 12:53, 22 January 2008

2008-01-22T12:53:16Z

W.olchawa at 16:27, 17 January 2008

2008-01-17T16:27:02Z

W.olchawa at 16:25, 17 January 2008

2008-01-17T16:25:07Z

W.olchawa at 16:22, 17 January 2008

2008-01-17T16:22:52Z

W.olchawa at 16:17, 17 January 2008

2008-01-17T16:17:01Z

W.olchawa at 16:03, 17 January 2008

2008-01-17T16:03:36Z

W.olchawa: New page: == Custom File Browser == To replace the default image file browser with, for instance a custom image gallery, edit the fckconfig.js and set (for example): FCKConfig.ImageBrowserURL = '/...

2008-01-17T16:01:37Z

New page: == Custom File Browser == To replace the default image file browser with, for instance a custom image gallery, edit the fckconfig.js and set (for example): FCKConfig.ImageBrowserURL = '/...

New page

== Custom File Browser ==

To replace the default image file browser with, for instance a custom image gallery, edit the fckconfig.js and set (for example):

FCKConfig.ImageBrowserURL = '/myfilebrowserpath/browser.php' ;

=== Function SetUrl ===

When a file is selected on your custom File Browser implementation, you must simply call the "SetUrl" JavaScript function in the window.opener (the FCKeditor dialog that opened the File Browser), passing the URL of the file.

A very simple implementation (with no server side integration) could be something like this:
<pre>
<html>
<head>
<title>My File Browser</title>
<script type="text/javascript">

function SelectFile( fileUrl )
{
// window.opener.SetUrl( url, width, height, alt);
window.opener.SetUrl( fileUrl ) ;
window.close() ;
}
</script>
</head>
<body>
<a href="javascript:SelectFile('File1.jpg');">File 1</a><br />
<a href="javascript:SelectFile('File2.jpg');">File 2</a>
</body>
</html>
</pre>
== Related ===

If your custom browser handles uploading of images in a radically different way you might want to remember to disable the standard image uploading tab too:

FCKConfig.ImageUpload = false ;

@@ Line 1: / Line 1: @@
 == Custom File Browser ==
-To replace the default image file browser with, for instance a custom image gallery, edit the fckconfig.js and set (for example):
+To replace the default image file browser with, for instance a custom image gallery, edit the fckconfig.js or your [[FCKeditor 2.x/Developers Guide/Configuration/Configuration File|custom Configuration File]] and set (for example):
 <pre>FCKConfig.ImageBrowserURL = '/myfilebrowserpath/browser.php'&nbsp;;
 </pre>

@@ Line 2: / Line 2: @@
 To replace the default image file browser with, for instance a custom image gallery, edit the fckconfig.js and set (for example):
-<pre>
+<pre>FCKConfig.ImageBrowserURL = '/myfilebrowserpath/browser.php'&nbsp;;
-FCKConfig.ImageBrowserURL = '/myfilebrowserpath/browser.php'&nbsp;;
+</pre>
 === Function SetUrl ===
@@ Line 28: / Line 27: @@
 &lt;/body&gt;
 &lt;/html&gt;
 </pre>
+=== UploadURL ===
 If your custom browser handles uploading of images, flash objects or links in a radically different way you might want to remember to change the standard image,flash and links uploading tab in fckconfig.js file or in you custom [[FCKeditor 2.x/Developers Guide/Configuration/Configuration File|Configuration File]].

@@ Line 32: / Line 32: @@
 === Related ===
 If your custom browser handles uploading of images, flash objects or links in a radically different way you might want to remember to change the standard image,flash and links uploading tab in fckconfig.js file or in you custom [[FCKeditor 2.x/Developers Guide/Configuration/Configuration File|Configuration File]].
 Examples:
-'''NOTE''': For all the information about the functions written in the example view:[[FCKeditor 2.x/Developers Guide/Configuration/Configuration Options/ImageUploadURL|ImageUploadURL]],[[FCKeditor 2.x/Developers Guide/Configuration/Configuration Options/FlashUploadURL|FlashUploadURL]] and [[FCKeditor 2.x/Developers Guide/Configuration/Configuration Options/LinkUploadURL|LinkUploadURL]]
+* '''Images'''<pre>FCKConfig.ImageUploadURL = '/your_file_browser_directory/upload.php'</pre>

@@ Line 32: / Line 32: @@
 === Related ===
-If your custom browser handles uploading of images, flash objects or links in a radically different way you might want to remember to change the standard image,flash and links uploading tab as well.
+If your custom browser handles uploading of images, flash objects or links in a radically different way you might want to remember to change the standard image,flash and links uploading tab in fckconfig.js file or in you custom [[FCKeditor 2.x/Developers Guide/Configuration/Configuration File|Configuration File]].
 Examples:
-* Images<pre>
+* '''Images'''<pre>
-FCKConfig.ImageUploadURL = '/your_browser/upload.php'
+FCKConfig.ImageUploadURL = '/your_browser/upload.php'</pre>
-</pre>
+* '''Flash objects'''<pre>
-* Flash objects<pre>
+FCKConfig.FlashUploadURL = '/your_browser/upload.php'</pre>
-FCKConfig.FlashUploadURL = '/your_browser/upload.php'
+* '''Links'''<pre>
-</pre>
+FCKConfig.LinkUploadURL = '/your_browser/upload.php'</pre>
 * Links<pre>
-FCKConfig.LinkUploadURL = '/your_browser/upload.php'
+'''NOTE''': For all the information about the functions written in the example view:[[FCKeditor 2.x/Developers Guide/Configuration/Configuration Options/ImageUploadURL|ImageUploadURL]],[[FCKeditor 2.x/Developers Guide/Configuration/Configuration Options/FlashUploadURL|FlashUploadURL]] and [[FCKeditor 2.x/Developers Guide/Configuration/Configuration Options/LinkUploadURL|LinkUploadURL]]

@@ Line 30: / Line 30: @@
 </pre>
-== Related ===
+=== Related ===
-If your custom browser handles uploading of images in a radically different way you might want to remember to disable the standard image uploading tab too:
+If your custom browser handles uploading of images, flash objects or links in a radically different way you might want to remember to change the standard image,flash and links uploading tab as well.
+Examples:
-FCKConfig.ImageUpload = false ;
+* Images<pre>

@@ Line 2: / Line 2: @@
 To replace the default image file browser with, for instance a custom image gallery, edit the fckconfig.js and set (for example):
+<pre>
-FCKConfig.ImageBrowserURL = '/myfilebrowserpath/browser.php' ;
+FCKConfig.ImageBrowserURL = '/myfilebrowserpath/browser.php'&nbsp;;
+</pre>
 === Function SetUrl ===
@@ Line 10: / Line 10: @@
 A very simple implementation (with no server side integration) could be something like this:
-<pre>
+<pre>&lt;html&gt;
-<html>
+&lt;head&gt;
-<head>
+&lt;title&gt;My File Browser&lt;/title&gt;
-        <title>My File Browser</title>
+&lt;script type="text/javascript"&gt;
 function SelectFile( fileUrl )
+{
-        // window.opener.SetUrl( url, width, height, alt);
+// window.opener.SetUrl( url, width, height, alt);
-        window.opener.SetUrl( fileUrl ) ;
+window.opener.SetUrl( fileUrl )&nbsp;;
-        window.close() ;
+window.close()&nbsp;;
+}
-        </script>
+&lt;/script&gt;
-</head>
+&lt;/head&gt;
-<body>
+&lt;body&gt;
-        <a href="javascript:SelectFile('File1.jpg');">File 1</a><br />
+&lt;a href="javascript:SelectFile('File1.jpg');"&gt;File 1&lt;/a&gt;&lt;br /&gt;
-        <a href="javascript:SelectFile('File2.jpg');">File 2</a>
+&lt;a href="javascript:SelectFile('File2.jpg');"&gt;File 2&lt;/a&gt;
-</body>
+&lt;/body&gt;
-</html>
+&lt;/html&gt;
 </pre>
 == Related ===