(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 = '/...) |
|||
| 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): | 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' ; |
| − | + | </pre> | |
=== Function SetUrl === | === Function SetUrl === | ||
| Line 10: | Line 10: | ||
A very simple implementation (with no server side integration) could be something like this: | A very simple implementation (with no server side integration) could be something like this: | ||
| − | <pre> | + | <pre><html> |
| − | + | <head> | |
| − | + | <title>My File Browser</title> | |
| − | + | <script type="text/javascript"> | |
| − | |||
function SelectFile( fileUrl ) | 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> | </pre> | ||
| + | |||
== Related === | == Related === | ||
Revision as of 17:03, 17 January 2008
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:
<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>
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 ;