Syed Abdul Baqi

Hello everybody!

Few days back, in one of my project there was a requirement of Image upload plugin for TinyMCE. After spending lot of time on googling, I found IBrowser. This pulgin is really nice and easy to integrate with image resizing, crop option.

Time for action, first download the latest copy for IBrowser from here and place the ibrowser plugin folder into your tinymce plugin folder. Now open config/config.inc.php and find $cfg[‘ilibs’] array, this array actually defines the path for uploading images.  It looks something like this:

      $cfg['ilibs'] = array (
      array (
      ‘value’ => ‘/path/from/webroot/img/’,
      ‘text’ => ‘LibraryName’,
      )
      );

LibraryName is used to categorize images into different libraries. You can also define multiple libraries by making $cfg[‘ilibs’] multidimensional array.

Now moving forward,  change folder ibrowser\scripts\phpThumb\cache and ibrowser\temp permissions to 777.

OK now we are done with configuration part. Next is to made plugin available to TinyMCE and add ibrowser button into your TinyMCE configuration.  Something link this:

tinyMCE.init({

plugins : “ibrowser”,

theme_advanced_buttons2_add : “ibrowser”,
………

});

Hope this helps to someone……

comments are welcomed