Installing iBrowser in TinyMCE

TinyMCE, also known as the Tiny Moxiecode Content Editor, is a platform-independent web-base Javascript/HTML WYSIWYG editor control, released as open source software under the LGPL by Moxiecode Systems AB. It has the ability to convert HTML textarea fields or other HTML elements to editor instances. TinyMCE is designed to easily integrate with content management systems. (Source: Wikipedia)

iBrowser

iBrowser is an image browser plugin for WYSIWYG editors like tinyMCE, SPAW, htmlAREA, Xinha and FCKeditor developed by net4visions. It allows image browsing, resizing on upload, directory management and more with the integration of the phpThumb image library. (Source: net4visions.com)

Installation

This guide assumes that you already have a working version of the latest TinyMCE.

Download the latest version of iBrowser from net4visions.com, unzip the contents of the file somewhere.

Copy the unzippped ibrowser folder into jscripts/tiny_mce/plugins/ folder.

Ensure the user the webserver is running as, has write permissions to the folder where the uploaded images will stay.

Edit config/config.inc.php in the ibrowser folder and change the following entry -:

$cfg['ilibs'] = array (    
    array (
    'value' => '/images/uploads/,                 
    'text'        => 'Site Pictures',
    ),
 );

Make sure the following directories have writing permission and are owned by the webserver user (chmod 755):

ibrowser/scripts/phpThumb/cache
 ibrowser/temp

Copy tinyMCE3.0_editor_plugin.js from the interfaces folder into the root of the unzipped ibrowser folder, and rename it to editor_plugin.js

Now in your TinyMCE init code, add ibrowser to the list of plugins, and also add the ibrowser button.

mode : "textareas",
 plugins : "ibrowser",
 theme_advanced_buttons1: "pastetext, ibrowser, bold, italic,
 bullist, numlist, undo,redo, link, unlink, cleanup, removeformat,code",
 theme_advanced_buttons2: "",
 theme_advanced_buttons3: "",
 relative_urls : false
 

Now the ibrowser button should appear on your toolbar in TinyMCE, you can now upload images to your webserver.

Incoming search terms:

• ibrowser In