If you are using Magento and want to add a WYSIWYG Editor I recomend the Fontis Plugin (Fontis WYSIWYG Editor).  This editor allows you to use TinyMCE or FCKeditor.  The FCKeditor had upload built in. If you want to use TinyMCE Keep reading.

First download ibrowser, this tutorial was written using 1.3.8. (Download Ibrowser)

Install the files to your tinyMCE plugins directory. Mine was: /js/fontis/tiny_mce/plugins/ibrowser.

Open the config.inc.php (tiny_mce\plugins\iBrowser\config\config.ini.php) and set your image path. I set it to: /media/uploads/. Be sure that the file path exists. I like to use dynamic folders so I uncomment: “$cfg['ilibs_inc']” and enter the base path for my folders in “$cfg['ilibs_dir']“.

Next copy the tinyMCE.editor_plugin.js file to the ibrowser plugin directory. This file is located here (ibrowser/ingerface/tinyMCE.editor_plugin.js). Rename the editor_plugin.js file ( in \tiny_mce\plugins\iBrowser) to editor_plugin_src.js. Now rename the tinyMCE.editor_plugin.js (in \tiny_mce\plugins\iBrowser\interface) to editor_plugin.js and move to \tiny_mce\plugins\iBrowser.

*Note: Depending on the version of tinyMCE you may need to use one of the other files labled with tinyMCE in the tiny_mce\plugins\ibrowser\interface directory.

Lastly  you need to add code to the javascript function that created the editor. My file was located in /app/design/adminhtml/default/default/template/fontis/wysiwyg/wysiwyg.phtml.

Find This javascript code: (yours could look slightly different)

tinyMCE.init({
mode : "exact",
elements : editable_areas,
theme : "advanced",
strict_loading_mode : true,
width: "640",
height: "400",
content_css: "getSkinUrl() ?>tinymce_content.css",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
relative_urls : false,
});

Insert the below code just under (theme_advanced_statusbar_location : “bottom”,).

plugins : "ibrowser",
theme_advanced_buttons3_add : "ibrowser",