I, like many other people, did not realize that TinyMCE did not include the image upload plug-in as shown in the full featured example.Â But after using TinyMCE for quite some time without the image upload feature, I became comfortable with the interface and the source code, and was hesitant to switch.
The readme is vague at best and doesn’t offer any solutions to troubleshoot problems.Â Of course, the plug-in didn’t quite work right out of the box.Â Following are the steps I took to implement iBrowser.
- Download the latest version of both iBrowser (1.3.8) and TinyMCE (3.1.1 at the time of this writing)
- Upload the “ibrowser” directory to the TinyMCE “plugins” directory
- Create one or more directories to store uploaded images and edit config/config.inc.php
$cfg['ilibs'] = array (
â€˜valueâ€™ => â€˜/path/from/webroot/images/â€™,
â€˜textâ€™ => â€˜Imagesâ€™,
â€˜valueâ€™ => â€˜/path/from/webroot/gallery/â€™,
â€˜textâ€™ => â€˜Galleryâ€™,
- Ensure that ibrowser/scripts/phpThumb/cache, ibrowser/temp, and your image directories have write privilages (i.e. 755).
plugins : "ibrowser",
theme : "advanced",
theme_advanced_buttons3_add : "ibrowser",
var ib = null;
- If you open iBrowser, click Insert, then click Upload and you do not see a green icon with a white arrow to the right of the Browse button then you must modify ibrowser.php to have a smaller input box, say 40 instead of the default 53.Â This uncovers the upload button.
<input name=”nfile” type=”file” class=”fldlg” id=”nfile” size=”40″
- That should be all you need to enjoy the benefits of uploading images to web pages with iBrowser.Â Let me know if anyone else finds any other problems that I didn’t address.Â Enjoy!
Join him as he learns and shares his experiences of marketing his own products online.
Subscribe via RSS