File manager demo
The WysiwygPro file manager can be used anywhere you need users to be able to select files from the server!

Choose Image:


Choose Document:


Choose Media:


Choose link:

Integration Code:

<?php

include_once('wysiwygPro/wysiwygPro.class.php');

// create a new WysiwygPro Instance
$editor = new wysiwygPro();

// load shared configuration settings from a plugin
$editor->loadPlugin('demoConfig');

// display the JavaScript function for displaying the file browser with the above configuration:
$editor->displayFileBrowserJS('OpenFileBrowser');

?>
<form action="" method="post" name="demoform">

<p>Choose Image:<br />
<input type="text" name="chosenImage" /><button type="button" onClick="OpenFileBrowser('image', function(url) {document.demoform.chosenImage.value=url;}, function() {return document.demoform.chosenImage.value;} )">Choose Image...</button><br><br>
Choose Document:<br />
<input type="text" name="chosenDocument" /><button type="button" onClick="OpenFileBrowser('document', function(url) {document.demoform.chosenDocument.value=url;}, function() {return document.demoform.chosenDocument.value;} )">Choose Document...</button><br><br>
Choose Media:<br />
<input type="text" name="chosenMedia" /><button type="button" onClick="OpenFileBrowser('media', function(url) {document.demoform.chosenMedia.value=url;}, function() {return document.demoform.chosenMedia.value;} )">Choose Media...</button><br><br>
Choose link:<br />
<input type="text" name="chosenLink" /><button type="button" onClick="OpenFileBrowser('link', function(url) {document.demoform.chosenLink.value=url;}, function() {return document.demoform.chosenLink.value;} )">Choose Link...</button></p>

</form>