PDW File Browser for Tinymce and CkEditor

Inserting an image into TinyMce is a headache, image list script can be used, but there is no file upload option. To upload an image or to create a new folder is a piece of cake with PDW file browser!

Download »

Tinymce plugin

Add this line to your tinymce

file_browser_callback : "filebrowser",

Right after tinymce init, insert this code:

function filebrowser(field_name, url, type, win) {
    fileBrowserURL = "/path/to/file/browser/index.php?editor=tinymce&filter=" + type;
        title: "PDW File Browser",
        url: fileBrowserURL,
        width: 950,
        height: 650,
        inline: 0,
        maximizable: 1,
        close_previous: 0
        window : win,
        input : field_name

Demo »

Standalone plugin

You can use PDF File Browser with input text and  textarea fields

<script type="text/javascript">
function openFileBrowser(id){
	fileBrowserlink = "/path/to/file/browser/index.php?editor=standalone&returnID=" + id;,'pdwfilebrowser', 'width=1000,height=650,scrollbars=no,toolbar=no,location=no');

Add id=filepath and onclick=openFileBrowser(filepath); attribute to you input field.

<input type="text" name="filepath" id="filepath" onclick="openFileBrowser('filepath');" value="Click me!!" />

Demo »


Edit config.php file to change the default upload path, layout, allowed actions and upload settings.


Related articles

Redirect www to non www with .htaccess RewriteRule

Redirect www to non www with .htaccess RewriteRule


Redirect your websites visitors from to without www.

Unordered List Style Image CSS

Unordered List Style Image CSS


Learn how to style UL with any image using CSS.

OL and UL List CSS Style

OL and UL List CSS Style


Styling ordered and unordered lists is easy. Just write a single line of CSS to change the list style type.


sandeep mehra2013-05-09 15:31

this path is not right what to do fileBrowserURL = "/pdw_file_browser/index.php?editor=tinymce&filter=" + type;

Giuseppe2013-04-15 11:17

where can i add pdw_file_browser download folder?

Joe2012-12-14 22:05

Good post, thank you for sharing! Pdw file browser is superb.

Leave a comment

We welcome any comment from you! Please keep in mind that comments are moderated and rel='nofollow' is in use. So, please do not use a domain as your name or a spammy keyword, or your comment will be deleted.

Name: *

E-mail: *

Message: *

Click on the airplane *

Find us on Facebook



Back to Top