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;
      
    tinyMCE.activeEditor.windowManager.open({
        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;
	window.open(fileBrowserlink,'pdwfilebrowser', 'width=1000,height=650,scrollbars=no,toolbar=no,location=no');
}
</script>

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 »

Configuration

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


Go Daddy


Related articles

Redirect www to non www with .htaccess RewriteRule

Redirect www to non www with .htaccess RewriteRule

05/12/2015

Redirect your websites visitors from www.domain.com to domain.com without www.

Unordered List Style Image CSS

Unordered List Style Image CSS

06/03/2013

Learn how to style UL with any image using CSS.

OL and UL List CSS Style

OL and UL List CSS Style

03/03/2013

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


3 comments

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 car *


Find us on Facebook

Tags

Get online with the world's Best - GoDaddy.com!

Back to Top