Adding Ajax File/Image Manager to Codeigniter+BackendPro

I was planning to create a file/image module for the CI shopping cart. Then I found this solution called TinyMCE Ajax File Manager. This enables you to upload, delete, create and organize your folders and files.

TinyMCE has a paid solution called MCImageManager. But this one from phpletter.com is free and does almost the same things as the paid one.

I updated the our CI shopping cart download, so that you can see it in action.

You can read how to install to your TinyMCE in phpletter.com website.

I also added toggle editor button in create and edit pages of Pages, Products and Category modules.

UPDATE: March 24th 2010

I modified a couple of things, so I make notes here about how to do it.

1. A bigger window size
The default pop-up window size is too small for us.
Open assets/js/tinymce.init.js and change the line 40.

...
 tinyMCE.activeEditor.windowManager.open({
                url: "../../../../assets/js/plugins/ajaxfilemanager/ajaxfilemanager.php",
               width: 1000,
                height: 750,
                inline : "yes",
                close_previous : "no"
            }...

2. A bigger content area

The default is max-height:380px and this is too short for us.
Open assets/js/plugins/ajaxfilemanager/theme/default/css/template.css and change line 92.

#content{
  margin-left: 265px;
overflow: auto;
overflow-x: hidden;
max-height:800px;
}

3. A larger number of files/folders

The default is 10 and this is too small for us.
Open assets/plugins/ajaxfilemanager/inc/config.base.php, around line 124.

...
define('CONFIG_DEFAULT_PAGINATION_LIMIT', 999);
...

This will show the max number of files and folders.

UPDATE March 30th 2010: Adding password

I recommend to add user name and password for your Ajax filemanager for security reason. If you don’t have password, anyone can access to your filemanager if they know the url.

Go to assets/js/plugins/ajaxfilemanager/inc/config.base.php and change the following.

define('CONFIG_ACCESS_CONTROL_MODE', false);
	define("CONFIG_LOGIN_USERNAME", 'admin(at)gmail.com');
	define('CONFIG_LOGIN_PASSWORD', 'admin');

to

define('CONFIG_ACCESS_CONTROL_MODE', true);
	define("CONFIG_LOGIN_USERNAME", 'your_login_name');
	define('CONFIG_LOGIN_PASSWORD', 'your_new_password');