Image Upload Plugin for TinyMce

It took me quite some time (…) to figure out a way to upload images from within the TinyMce online html editor, so I’m documenting it here…

File upload is not included in the default download, so you have to look for third party plugins. Don’t waste your time however searching the linked third party plugins page, the 2 file upload scripts I tried there were buggy and outdated.

In the forum I found the excellent Ibrowser plugin by Jaeger Consulting (it not only works with tinyMCE, also with SPAW, FCKeditor, Xinha, and HTMLarea). The 652 KB download appears to be a stripped-down version of the much more complex Imanager plugin (4MB zipped!), that gives you a some additional image manipulation tools.

Then (summarized from readme.txt for a simple setup, have a look at it if you want to know more):

  • download the latest version, unzip and upload the Ibrowser files to tiny_mce\plugins\ibrowser
  • select the one, 2 or more directories you want to be able to insert images from and and upload to and indicate them with easy to understand names (that will show up in the interface) in config/config.inc.php:

    $cfg['ilibs'] = array (
    array (
    'value' => '/path/from/webroot/images/',
    'text' => 'Sprekers',
    ),
    array (
    'value' => '/path/from/webroot/gallery/',
    'text' => 'Sponsors',
    ),
    );
  • chmod these directories and additionally the directories ibrowser/scripts/phpThumb/cache and ibrowser/temp to 755 or 777 (depending on the privileges your webserver has – try with 755 first if you’re not sure)
  • copy tinyMCE.editor_plugin.js file into the iBrowser plugin directory and rename it to “editor_plugin.js”
  • somewhere in an included or inline javascript, you should have the “tinyMCE.init” statement, configuring your TinyMce setup:

    Example for the latter:

    tinyMCE.init({
    ...
    plugins : "ibrowser",
    ...
    theme : "advanced",
    theme_advanced_buttons3_add : "ibrowser",
    });

And finally, if you don’t find the upload text box after clicking the “insert” button, it’s hidden behind the Upload Icon :-) :
Upload Icon for IBrowser V1.3

IBrowser V 1.3 screenshot

251 Responses to “Image Upload Plugin for TinyMce”

  1. Adam Gurno Says:

    A million thanks for your article. I was facing the same problems.

    Good write up. Thanks again!

  2. Nic Höning Says:

    Hello
    Thanks for your guide.
    I had some problems which were gone when I switched the name of editor_plugin.js to editor_plugin_src.js

  3. A Northfield Journal » Blog Archive » Civicspace, image uploading, tinymce, and thou Says:

    [...] inymce was not found on this server. Sucks. Oh, well. There’s two options here: iBrowser plugin for TinyMCE – This works really well, except for IE. IE [...]

  4. Harry Says:

    The ibrowser window is to small, so i can’t push the “go-button” in the upload file section (the green arrow). How can I fix this? I’m using firefox and osx.

  5. Mark Says:

    Great work, thanks.

    Remember to also change the path in the config.inc.php file for:

    $cfg['ilibs_dir']

    To the image folder. I also had to chmod the folders mentioned in this tutorial to 777 – 755 wouldn’t work, so it may be the same for others :)

    Again, thankyou!

  6. Pascal Says:

    @Harry,

    I’m afraid I can’t help you there, I’m not an OSX user, and I have not experienced the problem myself. I suggest you try the TinyMce or the Jaeger Consulting Forums:
    http://tinymce.moxiecode.com/punbb/viewforum.php?id=3
    http://www.j-cons.com/forum/index.php

  7. Nic Höning Says:

    @ Harry

    I too couldn’t upload pics because the “Browse…”-button that lets you select a file on your computer was hiding the button that lets you say: “Yes, please upload!”
    I changed the size of the input field in ibrowser.php, made it 10 chars shorter.
    I had this problem with Firefox on Unix (Opera worked well).

    The j-cons forum seems to be rather empty …

    Cheers,
    N

  8. Vik Says:

    Thanks for this info. It worked great. I’ve wanted to add image upload to TinyMCE for quite a while.

    On my system, the iBrowser dialog (which is very cool) always snaps into the top left position on my monitor, whenever I click any of its buttons. Is there a way to make it stay where I put it on the screen?

  9. Vik Says:

    iBrowser seems to want to force images to be either 400px or 120px wide. If I uncheck all those boxes, iBrowser won’t upload. Is there a way to fix this? Thanks in advance for any info.

  10. Pascal Says:

    @Vik,

    I’m afraid I can’t help you there, I have not experienced the problem myself. Maybe you could describe your system (OS, browser…) so other readers might better recognize the issue?

    Even if there’s not a lot of activity at the forums mentioned, I encourage everyone to (cross)post questions and solutions there (as well), since that is the place were info should be centralized not at this odd blog posting whose aim it is to point people to the right resources.

    http://tinymce.moxiecode.com/punbb/viewforum.php?id=3
    http://www.j-cons.com/forum/index.php

  11. Vik Says:

    Thanks for the feedback, Pascal. I’ll try the forums.

  12. Benjamin Says:

    @Vik,

    >”iBrowser seems to want to force images to be either 400px or 120px wide. If I uncheck all those boxes, iBrowser won’t upload. Is there a way to fix this? Thanks in advance for any info.”

    edit “ibrowser/config/config.inc.php” -> remove the comments on the first $cfg['thumbs'] array entry (about line 47)
    it should look like this: (without the “/*” and the “*/”)

    $cfg['thumbs'] = array (
    array (
    ‘size’ => ‘*’,
    ‘ext’ => ‘*’,
    ‘crop’ => false,
    ),
    … more arrays there

    this will make a button “Original” appear :)

    hope this helps!

    btw. I got the same “snapping window” problem (firefox 1.06 / osx 10.3. If anybody finds a fix for this, i’d be glad :)))

    bassy regards,
    benjamin

  13. Mark Bishop Says:

    you are ·ne f·t b·st·rd i l·ve y·u

    thanks for the precious help!

  14. Dave Says:

    OK, I’ve been racking my brain. I’m getting an “Error building image list!” where the list of images should be. I have my path to the images set properly, I can’t understand why this would be happening. Anyone have any suggestions?

  15. Richard Says:

    I had the same problem as Nic, but ended up having to make both a editor_plugin.js and a editor_plugin_src.js for the plugin directory to make it work.

    ( As all the other plugins seem to have )

    – Thanks for taking the time to put this tutorial up, very helpfull.

  16. Brandon Steiger Says:

    When using iBrowse I get an error message when I click on the insert or pop-up buttons. In the main image area i get the following message:

    Error building image list!

    I set my directory to /new/images/uploads/ and set permissions to 777. Is there something I am missing

    Thank you,
    Brandon

  17. Will Says:

    copy tinyMCE.editor_plugin.js file into the iBrowser plugin directory and rename it to “editor_plugin.js”

    Where is this file located? I copied the editor_plugin.js file from the _template directory in plugins, but it doesn’t seem to work. I don’t get a button showing up to upload images :-$.

    Am I just retarded?

  18. Nico Says:

    You can find this file in ibrowser\interface

  19. lemming Says:

    I get the “Error building image list!” error message too. Is PHP missing a library?

  20. arby Says:

    Lemming, try placing a dummy jpg file in your upload folder and see if it then appears in your list. It worked for me although it only removes that error and forces an image in that folder. Uploading still fails for me on FireFox under OS X 10.4 and I still get the No GD Library detected, which I think is untrue… and I have ImageMagick installed too which although I’ve set the path manually is not being detected.

    Plus, the interface for this plugin is not all that intuitive, some buttons stay gray when they should be enabled and other glitches, but I know of no other such tool.

    I just need a simple “upload” button which creates the link automatically. Something like a Browse button to select an image and upload it and it auto-inserts an image tag with the src set to the uploaded image. No manipulations or anything. Does anyone know of such a tool for tiny_mce?

  21. vader Says:

    Has someone managed to get this working on Windows server? I’m getting “Error building image list!”, seems like it can’t find the path no matter what I do. Otherwise this seems like a great peace of software.

  22. Hans van Nunigen Says:

    Hello, I love this tool allready, but I am not experienced at all.

    I don’t understand what to do with:

    // use static image libraries
    $cfg['ilibs'] = array ( // image library path with slashes; absolute to root directory – please make sure that the directories have write permissions
    array (
    ‘value’ => ‘/dev/im/assets/images/’,
    ‘text’ => ‘Images’,
    ),
    array (
    ‘value’ => ‘/dev/im/assets/gallery/’,
    ‘text’ => ‘Gallery’,
    ),
    );

    Can someon please explain me where to create a writeable image dir and hwo to set this in above script?????

    Thanks!!!!

  23. Philz Says:

    Hi, I got Ibrowser to work, but when I insert an image the path will be ../path/to/images, how do I make the path absolute?

  24. Johnyz Says:

    Im getting phpThumb() error when i try to upload any image. I don´t know how to fix it …. if anybody fixed this problem or has any experiences with it, please write me email.
    Thanx

  25. StR Says:

    I also have error with the phpThumb…. it looks like it duplicates the dir where it looks for the file… i’ m trying to understand the code

  26. Martin Sereday Says:

    Hi, I was very happy finding your iBrowser and even more happy finding your installation guide. Anyway, I have not succeeded installing the iBrowser. I am no expert in scripting, so if it won’t be too much, I would like to ask you for some more advise.
    I have the page also on my localhost (localhost/[nova]). There are image-folders:
    localhost/[nova]/[images] – general images used within the whole website
    localhost/[nova]/[galleries]/[nature]
    localhost/[nova]/[galleries]/[monuments]
    localhost/[nova]/[galleries]/[events]
    localhost/[nova]/[galleries]/[patners]
    … maybe also more in the future.
    Tiny_MCE is in localhost/[nova]/[tinymce] folder.

    Please, help me with the setup. I have read your guide in CMSimple forum and followed it the best I could. Without result. I can see the iB bbutton, I can start the iB. There are the names of image folders in the list. But there is only a message that the image list couldn’t be created.
    Thank you so far.

  27. Pascal Says:

    Hi Martin,

    I’m not the author of IBrowser and I can’t give any support on it – I just documented the way I got it working.
    Try the forums at
    http://tinymce.moxiecode.com/punbb/viewforum.php?id=3
    http://www.j-cons.com/forum/index.php
    as I suggested in my December 21st comment.

  28. Treye Says:

    If you are having problems loading your image list into iBrowser, read this post:

    http://tinymce.moxiecode.com/punbb/viewtopic.php?id=4099

    Specifically, the error I was getting:

    Error building image list!

    Hope that helps.

    Treye

  29. Jamie Says:

    Great job, just what I was looking for. The one thing that is not clear from your article or the docs is WHERE you copy the editor_plugin.js (and the src one) to. Answer for my tinymce setup at least is tiny_mce/plugins/ibrowser.

    Thanks a bunch!

  30. cleverland.net Blog » TinyMce Editor v2.0.6.1 on Lotus Notes Says:

    [...] 1) It uses version v0.9 of tinymce 2) I could not upload images/attachments (unless if I am missing something Jack) A search for one that can do point 2 yields things like ibrowser (instructions here) etc BUT for me, not quite what I was looking for e.g. I don’t talk of php in my environment for one. [...]

  31. Arne Says:

    Hello,

    your howto doesn´t work with tinyMCE 2.0.5.x !

    1. For tinyMCE 2.0.5.x just copy the ” /imanager/ ” directory to ” /tiny_mce/plugins/ ” .

    2. Edit the ” /imanager/config/config.inc.php ” like the way described in the howto.

    3. Copy from ” /imanager/interface/ ” the two files ” tinyMCE 2.05_editor_plugin.js ” and ” tinyMCE 2.05_editor_plugin_src.js ” to the ” /imanager/ ” directory. Rename it to ” editor_plugin.js ” and ” editor_plugin_src.js “.

    4. Edit the ” /tiny_mce/advanced.js ” add to the line plugins : “imanager” and to the line theme_advanced_buttonsX_add : “imanager” .

    That´s it. It should work now :)

    Btw. very good plugin. keep it up!

    Arne

  32. Nathan Poole Says:

    Hey thanks dude. Instead of spending an hour messing around I followed your instructions and it worked perfectly. You may want to mention the location of tinyMCE.editor_plugin.js though. That’s the only thing that took more than 5 brain cells.

    Again, many thanks.

  33. Kim Says:

    copy tinyMCE.editor_plugin.js file into the iBrowser plugin directory and rename it to “editor_plugin.js” ???

    can’t find tinyMCE.editor_plugin.js >in the tinyMCE folder???

  34. Aleksandar Gvozden Says:

    To have absolute path to your image directories you may use something like this:

    $cfg['ilibs'] = array ( array (
    ‘value’ => imageAbsolutePath(‘images/’),
    ‘text’ => ‘Gallery’,
    ),

    and insert next function to end of config.inc.php

    function imageAbsolutePath($dirName){
    $realpath=realpath(__FILE__ . ‘/../../../../../../../’ . $dirName);
    $htmlpath=str_replace($_SERVER['DOCUMENT_ROOT'],”,$realpath);
    return $htmlpath . ‘/';
    }

    Parameter for $dirImage will be absolute path of your images dir on server. Take care on number of ../ in $realpath. That must be like config.inc.php have slashes to site root (url no local path)

  35. Kim Hansen (danish) Says:

    Cant get ibrowser to work with tinymce. I have try with tinymce 2.0.5x! and a new version but no image buttom. Why? HELp

  36. Dave Says:

    Aight it’s kool. tnx to plugin creator, holler

  37. john Says:

    Desperately trying to figure out how to get images to be inserted with the full path as what I see when if view the source is:

    src=”../uploadimages/…….

    when I would want to see src=”http://mydomain.org/uploadimages/…..

    I have the

    $cfg['furl'] = true;

    and have spent hours trying to figure out where the ../ is inserted without any success. I have seen a few mentions of people who have had this problem but no suggestions of how to fix it.
    Would appreciate any clues people could give.

    cheers
    John

  38. john Says:

    As usual just after I post I finally find the answer. See http://tinymce.moxiecode.com/tinymce/docs/faq.html#paths for details on how to set the path for tinymce. Also note that the file that you have to make those changes in is tiny_mce.js.

  39. Jens Says:

    nice tool, it works perfectly. is it possible to right-click “image properties” on the picture and get back to the ibrowser- popup?

  40. Frank Spierings Says:

    I had a similar problem with PHPThumb as mentioned in one of the comments. The exact error (in case of a gif image) is:

    All attempts to create GD image source failed (GD does not have read support for “Content-Type: image/gif”), cannot generate thumbnail

    This can be resolved by downloading the GD library for PHP –> PHP4-GD or PHP5-GD packages.

    Also note that in some linux distributions (only had this on Ubuntu Dapper…) the php.ini needs to be modified. Uncomment the line:

    extension=gd.so

    Dont forget to restart Apache afterwards ;)

  41. fseul Says:

    Great News! One question though, me as a php-nub :) How can I change the default frame to be the one, when I click insert instead of the iformation about ibrowser? Any is greatly appreciated!

  42. mjpalm21 Says:

    I was having problems with the phpthumb error in tinymce and I found that the problem was caused by the image directory being a symbolic link. I removed the sym link and viola, it was fixed. I am guessing this is a problem with phpthumb.

  43. John Says:

    changing the default frame is easy, just alter the ibrowser.php file, change the html class of the div you want to show from hideit to showit. remember to change the old one that was set to showit back to hideit. Thats it.

  44. Saul Says:

    What I want to do on my blog, is every few hours take the oldest post and move it to the
    front of the queue, all automatically. Anyone know if there is a plugin that can do this or
    a simple way to set up another plugin to do this (use my own feed perhaps)?
    Thanks.

  45. Daniel Says:

    Thanks a bunch. Ibrowser works great with TinyMCE and has a good interface. It also works good as a standalone Image Browser for use in other cases (with a bit of tweaking). It is surely the best image browser for TinyMCE you can get for free. Great Tutorial Btw, couldn’t have done it without ya :)

  46. Ced Says:

    How can i make IBrowser work as a standalone Image Browser?
    I want to click on an image and then open the Image Browser. After selected the right image i want to have a callback and have the path to the image inserted in a textbox.

    Can someone help me? Thanks!

  47. Daniel Says:

    Email me Ced, and I’ll help you with that. lasaldan at gmail dot com.

  48. Aaron Says:

    I got the iBrowser to work and I LOVE IT!!! One question though… Has anyone added directory delete/rename with the directory create function and have it recursively delete images in that directory when called? iBrowser would be kick@ss with this functionality!
    Thankx… great work!
    ~A

  49. vipin Says:

    Can anybody tell me how to use TinyMce to edit my CSS.
    I hv just downloaded the TineMce_2_0_9. Please reply with the besic instuctions about “How to use it”.

    Waiting 4 a good reply.

    Thanks.

  50. clint Says:

    Hi

    I have my directories set in the config file set as such…

    /DEV/img-dir/

    It saves the image to this directory, but the page tries to read it as ../img-dir/image.jpg instead of the correct directory. I’ve tried altering the config, but any other directory input gives me an error in the upload editor.

    Help?

  51. Transilvania, NY » Blog Archive » Pentru poze Says:

    [...] Nemultumit de felul in care WordPress-ul manipuleaza poze, m-am hotarat sa incerc un plugin, iBrowser. Nu e un plugin WordPress ci un unul pentru editoare WYSIWYG, care se joaca frumos cu tinyMCE, editorul folosit de WordPress. A trebuit sa-l adaptez putin si dupa ce am pus in practica instructiunile a mers. [...]

  52. David Says:

    I have successfully installed iBrowser in TinyMCE on a PostNuke 0.764 site. When I am editing, the iBrowser icon in on the TinyMCE toolbar, and I can upload a file and insert it into my copy. It appears within the editor window, but when I update the page, the image is gone. My text changes are fine, but no pic – or error message.

    Any advice?

    Thanks,

    David

  53. Phennaworld » FCKConfig or TinyMCE? Says:

    [...] But after having installed WordPress and playing with this great app, I’m seriously considering swapping FCKEditor for TinyMCE. This looks so much neater… and seems very quick to load. I realise there’s no built in file uploading… but I found this plugin which looks like exactly the kind of thing I’m looking for. [...]

  54. KS Says:

    Great Program, but

    PLEASE, PLEASE, PLEASE Change Line 1266 in iBroser.php to

    finaly.
    The original size with 53 is too large (FireFox 2.0.0.1) and the GreenArrow- button is not available.
    Even if you show it in the pic on this site with a FireFox; – that user may have pressed Ctrl ‘-‘, perhaps it depends on the local user font and sreen resolution.

    One more thing: “An error occured while handling file upload. Please try again.Error: An error occured while handling file upload. Please try again.”

    Thats really not an error message! You could write also: Something went wrong. I’am still debugging.

    cu

  55. KLaasjan Says:

    Hello,

    I cant get it to work. I’ve copied the ibrowser directory in /httpdocs/includes/tinymce/jscripts/tiny_mce/plugins/
    I’ve got the file called tinyMCE.editor_plugin.js copied into /httpdocs/includes/tinymce/jscripts/tiny_mce/plugins/ibrowser and i called it editor_plugin.js
    I’ve also tried editor_plugin_src.js.

    In my head tags ive got the following

    tinyMCE.init({
    mode : “textareas”,
    theme : “advanced”,
    plugins : “ibrowser”,
    convert_fonts_to_spans : false,

    theme_advanced_buttons1 : “bold,italic,underline,bullist,numlist,outdent,indent,cut,copy,paste,undo,redo,link,unlink,formatselect”,
    theme_advanced_buttons2 : “”,
    theme_advanced_buttons3_ad : “ibrowser”,
    theme_advanced_toolbar_location : “top”,
    theme_advanced_toolbar_align : “left”,
    extended_valid_elements : “a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]”
    });

    I hope you can help me

  56. Tata Says:

    I also have a problem to get iBrowser working within HTMLarea under CMSimple2.7.1. Can somebody drop here some good guide as how to make it? Or I would be wery thankfull if somebody could send me adjusted files at msereday[at]stonline[dot]sk.

  57. Tata Says:

    Tried to follow all instructions above with TinyMCE. The iBrowser says
    Error building image list!
    NO IMAGE SELCTED PREVIEW NOT AVAILABLE

  58. Luke Mackenzie Says:

    To debug any image upload / image list build problems, put the following line at the bottom of config.inc.php and load that file in your browser:

    var_dump($cfg).

    This will display a root_dir value. the path to your images should be relative to that path.

  59. Steve Says:

    I found another answer to the problem of ‘upload file button hidden in Firefox’. I edited the style.css file found in config/css folder.

    Change:
    /* outer div */
    #outerDivWrap {
    width: 640px;
    }

    To:
    /* outer div */
    #outerDivWrap {
    width: 680px;
    }

  60. Pascal Says:

    Hello,

    I have a problem with the plugin. Everything is working fine but i can’t see the upload section in the pop-up as you can see in this image :
    http://img340.imageshack.us/img340/3784/imgibrowserri3.png

    Can someone help me ?
    Thnx

  61. poko Says:

    how spaw shows full path image ? what file i have to edit ?

    please help me…thx

  62. poko Says:

    yeh ! i can solved my problem . set $spaw_disable_absolute_url_stripping = true; in config file

    it works.

  63. FixItDK Says:

    Hey
    Someone try it in tinymce v. 210 ??

    I can’t make it work out there. pls help..

  64. Oz Basarir Says:

    Natural Capital Institute is looking for a developer who can integrate tinyMCE to one of its Ajax applications for inplace editing. The work involves developing a custom markup plugin as well as enhancement with image upload, etc. If you are interested please send an email to dev at naturalcapital.org.

  65. Howto - Integrando TinyMCE com FCKEditor em JSP « Thunder-Boy Says:

    [...] Entretando, o FCKEditor é muito grande, e o TinyMCE não possui um administrador de uploader livre (Ibrowser só funciona com PHP). Precisei implementar um sistema de notícias com características de upload de imagens na própria edição, foi então que encotrei o TyneFCK, como seu nome mesmo diz, é uma integração do TyneMCE com o admnistrador de upload do FCKEditor. [...]

  66. pristy Says:

    Working fine on WP 2.13 + TinyMCE 2.0.8 … Thanx for such a perfect upload solution..
    Could anybody give a tip for changing the default EN language interface to custom language?
    I’m trying to edit the lang.class.php without any result…

    Thanx for any help

  67. pristy Says:

    OK a dirty solution for anybody having the same problem… I’ve just renamed the mylang.php to en.php and voila its working fine…

  68. KS Says:

    think this is not a forum but ok:

    in myeditor.js I set the lines
    ..snip…
    theme : “advanced”,
    language : “de”,
    theme_advanced_toolbar_location : “top”,
    ..snip..

    if you have a lang file de.js in the langs dir it should work, but this is also very good documentated. From my CMS is german and english supported. To switch the language in tiny too, I just have two myeditor.js one is called myeditor_deu.js and the other ‘myeditor_eng.js’. Depending on the actual language in the cms I load the different files when tiny is to start; – works fine.

    Thanx too a lot for this nice editor!

  69. Adriano Says:

    It seems very good, but unfortunately don’t appears none new button… :(

  70. Adriano Says:

    ops… in my editor it don’t appear…

  71. Jonny May Says:

    I installed iBrowser with Tiny_MCE and it seems to work OK, but when it first loads, the image listing for the specified library is empty. If I switch between list view and thumbnail view, the list becomes populated with the images that are in the specified library folder. So that seems to be OK.

    BUT when I upload a photo, iBrowser seems to go through the motions OK, but the image never appears in the image library. If I view the folder contents via FTP, *the image appears to be successfully uploaded* and residing in the specified library folder. But it never appears in the iBrowser interface. The file size of the .jpg in the image folder is 0KB. I’m a little confused.

    Any help?

    Jonny May

  72. KS Says:

    try to upload a .jpg (not a gif) without any resizing first
    (ibrowser doesn’t investigate the gd-lib on the server)
    if the image still does not appears after upload, check
    your rights to do uploads on that server with a simple
    php-example (got to php.net) in to the same dir as ibrowser
    analyse your rights with a phpinfo: safe-mode? do you have a gd-lib?
    and wich gd-lib, gif-support? wich type? upload-tempdir? and so on.
    what are the (apache/user) rights in the imgage dir? .. in the tmp-dir?
    iBrowser does not sends any detailed error messages about that
    whole proccess but a ‘upload failed’, or sometimes nothing, even there is no gd-lib,
    or there is one, but without gif-support, or the upload failed by apache or php.
    greetings

  73. Luiz Augusto Says:

    Pascal,

    Thanks for for your article. Everything is working except the Ibrowser button that is not been active when selected or “mouseover”. I saw a javascript error at satatus bar: ” Object doesn’t support this property or method”.

    Any help?

    []s,

    Luiz

  74. negus Says:

    It’s for PHP… Shit…

  75. Jaime Says:

    Hello..

    This is a great article but I am facing 2 problems after making iBrowser to work in tinyMCE editor.

    1) When a new directory is created, I have to close and then reopen iBrowser window so that folder list to be refreshed.

    2) When an image already is present in TinyMce editor and after I select it and change it using iBrowser, the new image appears right in the editor, but when I see image properties, the old image file name appears, and consequently, when I submit the form, the old image file name is stored.

    Anybody has the solution for these problems?

    Thanks
    Jaime

  76. Marek W. Says:

    Hi,

    Great article and discussion, however I’m still facing one problem – paths (?!) :-|
    In my config file:

    $cfg['ilibs'] = array (
    array (
    ‘value’ => ‘BNM/linki/zdjecia’,
    ‘text’ => ‘Zdjecia’,
    ),
    );

    When including TinyMCE with iBrowser I have:
    relative_urls : false,

    There is no problem to add an image, but I can’t see them. In the source code I have:

    Some paths:
    http://server.pl/mysite
    http://server.pl/mysite/BNM/cms/tinymce/jscripts/tiny_mce/plugins/ibrowser/config/

    Can anyone help me? I’m confused. And.. sorry for my english ;)

  77. Marek W. Says:

    As usually – after posting here I’ve found solution :)
    I’ve forgot about using stripslashes for my data from POST. Now I do love it :)

  78. Ben K Says:

    Hi there

    Can anyone please help with using iBrowser (or iManager) as a standalone?
    I’m needing it to be launched from a custom button and then insert the selected image filename into a text input field.

    = )

    BK

  79. Andy_jacko Says:

    What can I say, apart from a big big thank you.

    image uploads have been doing my nut, and its quite simple when someone shows you.

  80. someday Says:

    Thx guys to made this great plugin!, you’r great! :)

  81. Lill Says:

    hi, im having problem w/ the tutorial u have given. i have followed all your instruction but its not working. nothing changed in the insert button of tinymce, when i click the browse button i still get “example of filebrowser callback: field_name:src,url:, type:image” error please help me! thx in advance

  82. Ron007 Says:

    Hi, to everyone that wants to use the iBrowser as a standalone with a textbox here I come with a solution, that worked for me.

    Steps:

    1- Copy the ibrowser contents to any folder you want.
    2- Configure the image paths in the /config/config.inc.php For example: $cfg['ilibs_dir'] = array(‘/imageFiles/’);
    3- Replace the following lines in ibrowser.php with the STANDALONE CODE below – begin at line 388:

    //——————————–ORIGINAL CODE—————————————–
    // save image to wysiwyg editor and close window
    window.returnValue = args;
    window.close();

    if (iBrowser.isGecko) { // Gecko

    }
    //——————————– END ORIGINAL CODE—————————————–

    With the following lines, where direcc is the name of the textbox where you want to capture the image path+filename:

    //——————————-STANDALONE CODE——————————————
    if (iBrowser.isGecko) { // Gecko – LIKE FIREFOX
    window.opener.document.getElementById(‘direcc’).value = args.popSrc;
    }
    else{
    // save image to wysiwyg editor and close window – FOR IExplorer
    window.returnValue = args;
    }

    window.close(); //chg
    //——————————-END STANDALONE CODE——————————————

    4- Create a index.html page ( at the same level of the ibrowser.php ) that contains the textbox called direcc and some javascript that captures the path+filename from the ibrowser popup.

    The code of the index.html and the modified ibrowser.php can be downloaded from http://rapidshare.com/files/38161446/ibrowserStandAlone.zip.html

    To open the ibrowser just click over the textbox and Voila!, everything should work in IE and Firefox at least.

    Hope that helps

  83. Frank Says:

    I have tried to follow all instructions above, but it didn’t work and I got three following errors:

    1. missing ) after argument list ibrowser.php (line 149)
    var msg = escapeHTML(‘m(‘er_001′) . ‘: ‘ . $l->m(‘er_002′); ?…
    2. document.getElementById(“dialogLoadMessage”) has no properties rfile.php(line 206)
    hideloadmessage()rfiles.php (line 206)
    onload(load )rfiles.php (line 1)
    parent.document.getElementById(‘cimg’).attributes['cmdate'].value = obj.attr…
    3. init is not defined ibrowser.php (line 1)
    onload(load )

    Any suggestions? Does it only work in PHP, not in JSP?

    Thanks!

  84. Bikeman Says:

    copy tinyMCE.editor_plugin.js file into the iBrowser plugin directory and rename it to “editor_plugin.js”

    WHy is this file not already in the plugin directory?

  85. links for 2007-07-18 « Caiwangqin’s delicious bog Says:

    [...] Image Upload Plugin for TinyMce (tags: TinyMce upload plugin) [...]

  86. Rob Says:

    hey guys thanks for all the super helpful info here

    Question: I get the list building fine, but when I click on an image for a preview it says, “CGI Error
    The specified CGI application misbehaved by not returning a complete set of HTTP headers.”

    What do you make of that?

  87. Janu Weblog » Blog Archive » TinyMCE i uploading obrazków Says:

    [...] więcej taką frazę wpisałem po angielsku w Googlu i oto co otrzymałem: Image Upload Plugin for TinyMce Autor mówi o pluginie ibrowser – fajny on, ale niestety niedoskonały. Podstawowym problemem jest [...]

  88. Chris Says:

    If you use absolute paths in $cfg['ilibs'] like ‘/var/www/images/’ and get errors “Error building image list!” in the file window and upload doesn’t work, then simply set:

    $cfg['root_dir'] = ‘/';

    Hope it helps. :-)

    Chris

  89. Thomas Says:

    I’ve the same problem as Luiz Augusto:
    ——————————
    Pascal,

    Thanks for for your article. Everything is working except the Ibrowser button that is not been active when selected or “mouseover”. I saw a javascript error at satatus bar: ” Object doesn’t support this property or method”.

    Any help?
    —————————–

    How can I solve it?

    Thanks, Thomas

  90. Matt Says:

    works perfect, had a little problem with setting up the directory, but after a few tests it finally works – what a great plugin… good job!

  91. mondfish Says:

    thanks to chris,

    set ROOT-DIR to: $cfg[’root_dir’] = ‘/’;

    fixes the problem with :”Error building image list”…

    thanks,
    mondfish

  92. Las Says:

    I followed the instructions, but the ibrowser button does not appear in the toolbar:

    tinyMCE.init({
    mode : “textareas”,
    theme : “advanced”,
    theme_advanced_toolbar_location : “top”,
    plugin : “ibrowser”
    });

    I added this: theme_advanced_buttons3_add : “ibrowser”
    but same problem.
    help please

  93. John Drimmer Says:

    I am a mac user and need to hire someone to guide me through the changes necessary to enable my computer to allow me to upload images.

    If you’re savvy on such things please email me.

    Thanks!

  94. W. Schwarz Says:

    If you cannot upload an image like me on my mac firefox because you cannot see the green send button right to the “browse” button, just edit line 1266 of ibrowser.php and change the value from the size attribute to something like 30 or 40 instead of the 53.

  95. Dieter Says:

    Thanks, this one really helped me out!

  96. JanD Says:

    Very clear HOWTO.
    I got it working within 5 minutes with TinyMCE 2.1.2 under FF2.0.0.8 and IE6.
    Thanks a lot!

  97. JanD Says:

    Just a little note i forgot:
    Under IE6 it uses editor_plugin.js, with FireFox it needs the editor_plugin_src.js!

  98. Jeremy Moseley Says:

    @Luiz and Thomas
    You copied the tinyMCE.editor_plugin.js, but if you copy the tinyMCE 2.05_editor_plugin.js it will solve your problem.

  99. Web Design Glasgow Says:

    I struggled for a while with not being able to get the tinymce ibrowser plugin button to show. By putting an alert at the top of the plugin file, I realised it wasn’t being called.

    I had to rename the file to editor_plugin_src.js – I’m not sure why my installation is set to call the src and not the compact version of the plugins.

  100. Image Upload Plugin for TinyMCE at The Web Dev Blog - Web Development resources Says:

    [...] This is an excellent plugin for TinyMCE called iBrowser. It give you the ability to browse and upload photos within TinyMCE and a few other web-based WYSIWYG editors. Go to this site to find instructions on how to set it up: http://pascal.vanhecke.info/2005/08/25/image-upload-plugin-for-tinymce/ [...]

  101. Jessica Says:

    The button never showed up…using Firefox and IE7, I tried using both versions of the tinyMCE files, tried renaming it to _src, nothing. Very disappointed.

  102. Robert Says:

    This is for all those having trouble incorporating the ibrowser plugin into the TinyMCE editor, specifically where after all steps have been followed and no ‘ibrowser’ button shows.

    I spent hours on this, scoured every forum on the planet looking for answers. Some seemed to be lucky and others not. I finally had a result with the following init code:

    tinyMCE.init({
    plugins : “print”,
    plugins : “ibrowser”,
    mode : “textareas”,
    theme : “advanced”,
    width: “400”,
    theme_advanced_layout_manager : “SimpleLayout”,
    theme_advanced_buttons1_add:”seperator,fontselect”,
    theme_advanced_toolbar_location : “top”,
    theme_advanced_toolbar_align : “left”,
    theme_advanced_text_colors : “default”,
    theme_advanced_path_location : “bottom”,
    theme_advanced_buttons3_add : “print”,
    theme_advanced_buttons3_add : “ibrowser”

    The ‘print’ button does not show but the ‘ibrowser’ button does – at last. Somehow the ‘print’ button is dumped in favor of the ‘ibrowser’.

    So, in this instance the answer seems to be to use at least one other incorporated TinyMCE plugin and ‘sacrifice’ it in favour of ibrowser!

    Best of luck everybody!

  103. Viktor Says:

    Hello Robert,

    I have tried your solution, but it does not work. I am using the TinyMCE latest version, the 3 beta. It turned out, when I tried it.

    Any suggestion?

  104. Constantin Says:

    Great stuff,

    God bless you …

  105. mrprez Says:

    Anyway to make ibrowser to run as the username? I am running phpsuexec, ibrowser uploads the images as nobody and can’t transfer the images to the images folder. They are making it to the temp folder OK but then it all breaks down from there.

  106. sidyen Says:

    Pls someone help me with my problem. I cant find the uploader icon in TinyMCE. I am using drupal and i am new to it. I’ve followed the steps stated above but it doesnt work. Where can I find these lines of code.

    tinyMCE.init({

    plugins : “ibrowser”,

    theme : “advanced”,
    theme_advanced_buttons3_add : “ibrowser”,
    });

  107. Viktor Says:

    Hello,

    You can put it in the HTML code, whereever you want the TinyMCE to set up.

    tinyMCE.init({
    theme : “advanced”,
    mode : “textareas”,
    language : “en”,

    plugins : “save,preview,table,contextmenu,fullscreen,style_font_size,ibrowser,media”,
    theme_advanced_buttons1 : “newdocument,save,separator,bold,italic,underline,strikethrough,sub,sup,separator,justifyleft,justifycenter,justifyright,justifyfull,fontselect,fontsizeselect,separator,undo,redo,fullscreen”,
    theme_advanced_buttons2 : “visualchars,table,cell_props,col_after,row_after,split_cells,merge_cells,separator,bullist,numlist,outdent,indent,separator,preview,forecolor,backcolor,image,cleanup,hr,removeformat,separator,charmap,ibrowser,media”,
    theme_advanced_buttons3 : “”
    });

    It is just a general setup, take care of the paths!

    Bye,
    Viktor

  108. Viktor Says:

    Sorry for the formatting ;)

  109. IT Outsourcing Says:

    I like it. It works great

  110. Roberto D. Says:

    Hi,
    i don’t understand how to work.
    I’ve the version 3.0rc1. I copy the directory ibrowser into plugins.
    My page code:

    tinyMCE.init({
    // General options
    theme : “advanced”,
    mode : “textareas”,
    language : “en”,

    plugins : “save,preview,table,contextmenu,fullscreen,style_font_size,ibrowser,media”,
    theme_advanced_buttons1 : “newdocument,save,separator,bold,italic,underline,strikethrough,sub,sup,separator,justifyleft,justifycenter,justifyright,justifyfull,fontselect,fontsizeselect,separator,undo,redo,fullscreen”,
    theme_advanced_buttons2 : “visualchars,table,cell_props,col_after,row_after,split_cells,merge_cells,separator,bullist,numlist,outdent,indent,separator,preview,forecolor,backcolor,image,cleanup,hr,removeformat,separator,charmap,ibrowser,media”,
    theme_advanced_buttons3 : “”

    });

    I see all, but i dont’ see the ibrowser icon.
    Why? The tinymce Version 3.0 is not supported?

  111. Viktor Says:

    Hi!

    I had the same problem with version TinyMCE 3.0. I guess there is a big change in set-up, so I stayed at 2.x version.

    Regards,
    Viktor

  112. Roberto D. Says:

    ibrowser work with version 2.x ?
    I want to use version 3 because in this version the code is xhtml valid code.
    In the version 2 the code is not xhtml code?

  113. serkan temizel Says:

    Hi,

    To convert relative image paths to absolute you dont need to change any script !
    simply add these lines to tinyMCE.init

    document_base_url : “”http://www.mydomain.com/”,
    relative_urls : false,
    remove_script_host : false,

    it worked for me.

    Nice plugin thanks for the developer. l :)

  114. Cal Says:

    [an error occurred while processing this directive]

    Can’t shake this error!

  115.   HowTo: Editor TinyMCE com LightBox by Thunder-Boy Says:

    [...] que o TinyMCE não possui um assistente de upload de fotos, mas que você pode usar o plugin Ibrowser para isso, se estiver usando PHP. Se for ASP, JSP, CFM ou qualquer outra linguagem pode se utilizar [...]

  116. Damien Wilson Says:

    I wonder if any body can help… The link at the top of this page for downloading the plugin is not working? maybe the site has gone off line or the URL has changed.

    If the case is either/or, would someone be kind enough to tell me if the plugin mentioned above is available anywhere else on the web??

    Many thanks!

  117. mrprez Says:

    Working here:

    http://j-cons.com/downloads/ibrowser.zip

  118. Damien Wilson Says:

    I am getting “connection timeout” message from all browsers FF, IE5/6/7, Safari, Opera??

    I’ll try again some other time, thank you

  119. mrprez Says:

    Try it here: http://wsdh.net/ibrowser 18-35-28.zip

  120. Jessica Says:

    I am just trying to unsubscribe from these comment emails. Hopefully this will do it.

  121. mrprez Says:

    You have to click on the link in your email.

  122. Damien Wilson Says:

    Unfortunatly, that link produces a 404 error…

  123. Damien Wilson Says:

    When I click the link in either this thread or my email i get this error message…

    404 The requested URL /ibrowser was not found on this server.

    The URL’s appear to be the same in both

  124. mrprez Says:

    Not your day is it? Try this one. http://wsdh.net/ibrowser.zip

  125. Jessica Says:

    Thanks mrprez, I didn’t see the link since Gmail was hiding the quoted message :) *sheepish*

  126. Ahmet Karakilcik Says:

    Thank you for this article it really what i looking for the tinyMCE editor, article save me to write a plugin.

  127. Viktor Says:

    Hello @,

    I could adapt the iBrowser to the TinyMCE 3.0b version. At least it is enough for me.
    Here is the link: http://rapidshare.com/files/87347750/editor_plugin.rar.html

    Take care of paths :)

    Bye,
    Viktor

  128. Scott Gurley Says:

    Hi Viktor – your editor_plugin runs but still gets an error:
    ib is not defined on line 22…

    any ideas?

  129. Viktor Says:

    Hello Scott,

    Use Firebug, and debug the code.
    Is the script file loaded?
    Take care of paths.
    Is the iBrowser plugin copied to the folder?

    BR,
    Viktor

  130. Scott Gurley Says:

    WOW! Thanks for writing me back Viktor, I appreciate it!

    I have firebug and see the error – I don’t know how to “debug” beyond that. I agree that “ib” is not created because whatever needs to find “common.js” is not doing so. So, I know the problem – it is as you suggested – the baseurl is not set right. I have no problem editing code, I just have no clue where that needs to be set – I’ve tried manually setting it in about 10 different files and nothing has changed the broken behavior. Then again, I’m not sure if the basurl needs to be something like “http://www.domain.com/admin/” or a path as in “/usr/apache/htdocs/www.domain.com/admin” and I’m not sure about the trailing slash…

    Any ideas?

    Thanks!
    -scott

  131. Viktor Says:

    Hello Scott,

    I try to help you, as much I can. I have download the link above, that I linked. I see, in the 2nd line there is a tinymce.ScriptLoader.load(); function. So, it tells to the TinyMCE, to load the script: common.js. If it is in the path. You can check it back easily, just open Firebug window, and click Net tab. There find the line, where ibrowser editor pluging loads, and the next line is the common.js. At least should be. So, all in all: before you want to use the ib variable, you have to load the common.js somehow. That is the point.
    And I think, you do not have anything to do with baseurl.
    You are using TinyMCE v3.x, do you? :) Just to be sure.

    I hope you can solve it, because this version 3 is really cool.

    Bye,
    Viktor

  132. Scott Gurley Says:

    Thanks Viktor – sorry I’m dumb about these things – I didn’t realize it was right there in that file! Thanks for the “how to” on Firebug, I’ve never noticed that “Net” button – I thought that had to do with “.NET” or something – never even tried it. Very handy! Yes, I am using version 3 of TinyMCE, in fact, I thought I needed to downgrade to v2 at one point but am glad I can stick with 3.

    OK, it is loading common.js now correctly and all is good… except it still doesn’t work.

    I was excited to have this all working then saw this error in firebug when I click on the ibrowser button:
    “ib.oEditor.getFocusElement is not a function”
    That’s coming from line 25 of the editor_plugin.js

    I see that the ib.baseURL is set on line 26 and I tried “correcting” that one too – it still did not fix the problem. I’m using Firefox 2 (not sure if that matters).

    I noticed in your example, you had a lot more plugins being called. Do I need call more plugins to get ibrowser working? Any ideas to my problem this time?

  133. 9 of the best Rich Text editors reviewed Says:

    [...] cost. If you need good image upload support for free you would be better looking at Kupa, there are however plugins out there for just that. Other than that the features are extremely rich, and it can be configured to work in XHTML mode. [...]

  134. Barry Says:

    Anyone willing to be paid to set this up? PHP 4.3.9, TinyMCE 3.0.5

  135. Scott Gurley Says:

    After some discussions, I’m switching back to FCK Editor… apparently image upload is built in. Good luck ya’ll.

  136. Batik man Says:

    Some error appears on linux ubuntu… fckeditor works fine.. (

  137. Matt P Says:

    I can’t seem to download the ibrowser plugin from the site (just sent them a message too), the link appears to have changed as the url ending in .zip is currently displaying a badly formed php page.

    Has anyone got a copy of the file they could upload somewhere?

    Thanks !

    Matt

  138. John Says:

    Current downloads can be found here:
    http://www.j-cons.com/downloads/

  139. Matt P Says:

    Excellent, thanks for that!

    Just installing it now.

    Matt

  140. Matt P Says:

    Great stuff, had to make a couple of changes to the default install though, I had to chmod the directories mentioned in the readme file to 777 not 755, and also in config.inc.php, where it looked like the image paths were the full path – eg.” ‘value’ => ‘/dev/im/assets/gallery/’, “, I had to use the path relative to the web server. Ie what I thought was to be entered as “/var/www/vhosts/mysite.com/httpdocs/mydirectory/images/” turned out to only work using “/mydirectory/images/” – which is fine now i know that.

    Great application though & thanks again for the links!

    Matt

  141. Felipe Grajales Says:

    Check at http://j-cons.com/downloads/

  142. Felipe Grajales Says:

    Hi Matt,

    I’m trying to make this plugin work under apache-tomcat, any ideas or links ?

    Felipe

  143. Matt P Says:

    Hmm dont know much about tomcat, what exactly are the problems you’re having? Make sure you’ve set the directory permissions, I didn’t at first and had to do a bit of debugging, are you getting an error message?

  144. Felipe Grajales Says:

    My problem right now is that ibrowser.php file is being downloaded instead of running the plugin.

    F

  145. Matt P Says:

    Oh, are you sure you’ve got php installed on the server? Sounds rather like you dont..

  146. Felipe Grajales Says:

    Matt,

    sounds like you know about this, how much will you charge for taking a look and hopefully solve my problems. Is a linux machine.

    If you want we can chat about it: fgrajales at ingenian . com

    Felipe

  147. Felipe Grajales Says:

    Matt,

    why don’t we chat and I give you access to the server.

    Felipe

  148. Matt Platts » Blog Archive » TinyMCE Image Uploader Says:

    [...] then deciding it was down to me to write a file uploader myself, I discovered the following page: http://pascal.vanhecke.info/2005/08/25/image-upload-plugin-for-tinymce/. Check the comments where I’ve posted as MattP to find the current link to download this, but [...]

  149. jamie Says:

    hello.. I’ve been wanting to upload files through tinymce but I’m using coldfusion server and I don’t know how to make it work with php. Help please.

  150. Felipe Grajales Says:

    For all the guys who are struggling with a tiny mce file uploader / browser, finally here is a working version of simplebrowser (Initially made by Andrew Tetlaw) for TINY MCE 3.0.5:
    http://www.ingenian.com/tiny_mce_3.0.5_with_simplebrowser.zip

    Is working with php.
    It may require a little bit of adjustment depending of the web servers and connectors languages.

  151. Del Says:

    The download link above is dead … Do you have another link?

    Thanks in advanced

  152. Pascal Says:

    Hey Del,

    I’ve updated the link to http://j-cons.com/downloads/ .

    Sorry guys that I (as the owner of this blog) have been totally absent in this thread but this is already such a long time ago and I don’t even remember how the whole thing worked (I haven’t needed to set it up once more since that time)…

    I’m glad you can help each other out in the comments.

  153. Apeee Hosting Says:

    Is it working with drupal 5.x + TinyMCE?

  154. Apeee Hosting Says:

    Where to find “tinyMCE.init” statement??? I’m using drupal 5.x + TinyMCE 3.x

  155. Apeee Hosting Says:

    In the interface folder there is new editor plugin (tinyMCE3.0_editor_plugin.js) for tinyMCE version 3.x. Which I managed to find. But can anyone please help me where should I keep this code:

    tinyMCE.init({

    plugins : “ibrowser”,

    theme : “advanced”,
    theme_advanced_buttons3_add : “ibrowser”,
    });

    I’m very new to it. A step-by-step explanation will be appreciated. I’m using drupal 5.x + TinyMCE 3.x.

  156. Felipe Grajales Says:

    Apeee,

    that code goes inside script tag where your head tag template is located.
    Read this: http://wiki.moxiecode.com/index.php/TinyMCE:Installation#Examples

    Felipe

  157. Apeee Hosting Says:

    Thanks Felipe.

    hmm….it is to be used as javascript between header but I found that there is already such a script between head tags whenever TinyMCE shows in page. How can I add plugins : “ibrowser” and theme_advanced_buttons3_add : “ibrowser” in this script. Is there probably a file where I can add this. Or how can I make this add within the script that already exits. The script is like this:

    tinyMCE.init({
    mode : “exact”,
    theme : “advanced”,
    relative_urls : false,
    document_base_url : “/”,
    language : “en”,
    safari_warning : false,
    entity_encoding : “raw”,
    verify_html : true,
    preformatted : false,
    convert_fonts_to_spans : true,
    remove_linebreaks : true,
    apply_source_formatting : true,
    theme_advanced_resize_horizontal : false,
    theme_advanced_resizing_use_cookie : false,
    plugins : “advhr,advimage,advlink,autosave,emotions,fullscreen,iespell,paste,preview,print,searchreplace,spellchecker”,
    theme_advanced_toolbar_location : “top”,
    theme_advanced_toolbar_align : “left”,
    theme_advanced_path_location : “bottom”,
    theme_advanced_resizing : true,
    theme_advanced_blockformats : “p,address,pre,h1,h2,h3,h4,h5,h6″,
    theme_advanced_buttons3 : “advhr,cut,copy,paste,emotions,fullscreen,iespell,selectall,print,spellchecker”,
    theme_advanced_buttons1 : “bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,undo,redo,link,unlink,fontsizeselect”,
    theme_advanced_buttons2 : “image,cleanup,forecolor,backcolor,sup,sub,code,hr,preview,search,replace”,
    extended_valid_elements : “hr[class|width|size|noshade],img[class|src|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],a[name|href|target|title|onclick]“,
    content_css : “/themes/garland/style.css”,
    elements : “edit-comment”
    });

    I can’t copy paste it in all pages (or in my html theme pages) as it will convert all textareas and other fields of websites to show tinyMCE editor.

  158. Felipe Grajales Says:

    To add ibrowser plugin, just add the ibrowser folder bellow plugins folder, and change the following lines:

    plugins : “advhr,advimage,advlink,autosave,emotions,fullscreen,iespell,paste,preview,print,searchreplace,spellchecker,ibrowser”,
    theme_advanced_buttons3 : “advhr,cut,copy,paste,emotions,fullscreen,iespell,selectall,print,spellchecker,ibrowser”,

    Make sure that browser cache don’t trick you when refreshing.

    Felipe

  159. Archinomy Says:

    Detailed installation procedure of ibrowser v1.3.8 for TinyMCE v3.0.5 for Durpal.

    1. Download ibrowser from http://j-cons.com/downloads/ibrowser%20V%201.3.8.zip

    2. Unzip and extract to /modules/tinymce/tinymce/jscripts/tiny_mce/plugins

    3. select the one, 2 or more directories you want to be able to insert images from and and upload to and indicate them with easy to understand names (that will show up in the interface) in config/config.inc.php:

    $cfg['ilibs'] = array (
    array (
    ‘value’ => ‘/path/from/webroot/images/’,
    ‘text’ => ‘Sprekers’,
    ),
    array (
    ‘value’ => ‘/path/from/webroot/gallery/’,
    ‘text’ => ‘Sponsors’,
    ),
    );

    4. chmod these directories and additionally the directories ibrowser/scripts/phpThumb/cache and ibrowser/temp to 755 or 777 (depending on the privileges your webserver has – try with 755 first if you’re not sure)

    5. Find interface folder in ibrowser where you have to make 2 same copies of tinyMCE3.0_editor_plugin.js to editor_plugin.js and editor_plugin_src.js. That is both 2 new files are copy of tinyMCE3.0_editor_plugin.js just getting their names changed. Now copy this 2 new files to /modules/tinymce/tinymce/jscripts/tiny_mce/plugins/ibrowser

    6. Now go to /modules/tinymce where you will find plugin_reg.php . Open it in an editor (notepad) and then add

    $plugins['ibrowser'] = array();
    $plugins['ibrowser']['theme_advanced_buttons3'] = array(‘ibrowser’);

    just before

    return $plugins;
    }

    and then upload it to the same path.

    7. Now login to your durpal website (with admin rights) and go to /admin/settings/tinymce click on the edit of profile name that you want to assign ibrowser to. Now at the “Buttons and plugins” section you will find ibrowser where you have to tick it and save the settings.

    8. There you go. Your ibrowser is setup and running now. This will work will all drupal websites using TinyMCE.

  160. Knowledge Base »  Uploading images tiny MCE Says:

    [...] http://pascal.vanhecke.info/2005/08/25/image-upload-plugin-for-tinymce/ [...]

  161. dimitraros Says:

    Can please someone tell me what is the chmod and how to use it?

    i assume that it is well-known since nobody asked it before, but i am not familiar with it.

    Please give a detailed description if you can, thanks.

  162. Felipe Grajales Says:

    CHMOD is a linux command which changes permissions to a file or directory (recursivelly), in this case is used to give tinymce plugins unrestricted access to write files.

    CHMOD -r 777 gives full permissions to the current user (first 7), group (second 7) and any other user (third 7).

    Detailed info http://en.wikipedia.org/wiki/Chmod

  163. mike Says:

    Hi,

    I set up ibrowser and had no problems getting it running with Tinymce. However, once I beefed up my server security with open_basedir, things started to go awry – no gd appeared in place of the thumbnails. It seems that phpThumb is looking at the path to my images folder (set as relative) and starting the path from outside of root, which of coarse open_basdir does not permit. Is there any way around this? Thanks in advance to anyone taking the time to offer a suggestion.

    Mike

  164. Teebo Says:

    Hello,

    Great TinyMCE plugin but it is not working on the latest Safari 3…
    Does it work for anyone else?

  165. Adam Coppard Says:

    Few questions:

    1) tinyMCE.editor_plugin.js file, where is it?
    2)what path do the image galleries take? are they the root of the ibrowser plugins or what? I have done ../../../../images (which i am assuming would take me to the folder in the same dir as the jscripts folder of TinyMCE.

    TIA

  166. Adil Says:

    hello folks,

    i want to use i Browser with tinyMCE with jsp.
    tinyMCE works great, but i’m not sure if i can use iBrowser with jsp

    thanks in advance

  167. Brad Koch Says:

    Looks pretty awesome. I just wish it was LGPL instead though. I can’t use something that’s been GPL’d because that would require my company to release the entire application. Guess I’ll have to find another solution.

  168. manu Says:

    I made a little snippet for those who don’t want to add the absolute path everywhere. This basically determines the absolute path of the site.

    $pathArray = explode(“/”,$_SERVER['SCRIPT_NAME']);
    $pathFolderNumbers = count($pathArray)-1;
    for($i = 0;$i<$pathFolderNumbers;$i++)
    $pathToThis.= $pathArray[$i].”/”;
    echo $pathToThis;

    Then just work it out relative. Works for me, and it’s much easier to keep track. (basically no need to).

  169. John Says:

    These setup instructions worked a treat – took just 30 mins cos I had the “Error building image list!” — fixed by reading the instructions properly. On this page ( http://pascal.vanhecke.info/2005/08/25/image-upload-plugin-for-tinymce/ ) there is a picture in which the images are shown as filenames . In my installation the images are displayed as thumbnail so can anyone tell me how to show the images as filenames ?

  170. Ironman Says:

    thanks, this helped me :)

  171. Merl Says:

    Hi there!

    This is a neat plug-in, but I was having some problems with Firefox 3. Couldn’t open the dialog from tinyMCE 3.0.

    The problem seems to be related to some firefox namespace, where the ib variable isn’t available back in the tinyMCE3.0_editor_plugin.js. The common.js file loads just fine, and everything is happening in the correct order, but I couldn’t seem to get a hold of the ib variable after the inclusion of the common.js file.

    I made a temporary fix localy (Only tested with IE7 + FF3):

    Added the following to interface/common.js directly after “var ib = new iBrowser;”:
    function iBrowser_GetIb() { return ib; }

    The following was added below: “tinymce.ScriptLoader.load(url + ‘/interface/common.js’);”:
    var ib = iBrowser_GetIb();

    Keep up the good work =)

  172. Jon Says:

    Can’t get the plugin to work in Safari. I tried Merl’s fix (see comment above), but Safari still won’t recognize the ib variable.

    I’m guessing it’s a security issue in Safari. The common.js file, with the ib variable, is loaded and it DOES execute (I tried putting an alert in there), but editor_plugin.js can’t access any functions or variables from it. Strange.

    If anyone has a fix for this, please leave a comment for the rest of us.

  173. Lynne Says:

    OK, so here’s my issue:

    I turn on ibrowser, and my XP/FF2 machine is fine. But my client’s machine (sometimes Vista, sometimes Mac, on FF, IE, whatever) can’t see the whole textarea TinyMCE WYSIWYG once I enable ibrowser. Using TinyMCE 3.0.8. Before I didn’t do the whole copy tinyMCE3.0_editor_plugin.js twice and call it editor_plugin.js and editor_plugin_src.js thing, BUT I just tried that and it still doesn’t work. Any ideas?

  174. iti Says:

    Merl solution works for me FF3:
    add var not where stated (see Merl post),
    but here – editor_plugin.js:

    // Internal image object like a flash placeholder
    if (ed.dom.getAttrib(e, ‘class’).indexOf(‘mceItem’) != -1)
    return;
    //fix for ff3
    var ib = iBrowser_GetIb();

    do not forget to change the common.js as above in Merl post.

    if you need a full tiny_mce+ibrowser module for website baker, go to: http://forum.websitebaker2.org/index.php/topic,10183.0.html for download
    cheers
    Iti

  175. Artur Says:

    For all those who has problem with installation, ( missing button )
    you have to copy all ibrowser folder to location ‘../tinymce/jscripts/tiny_mce/plugins/ibrowser/’ ( path to ibrowser will look exactly that way ), it solves all my problems …

  176. Ch.Srinivas Reddy Says:

    Hi, Ibrowse plugin is working well with php, I wants to integrate it with ruby
    in editor_plugin.js
    tinycme.create(‘tinymce.plugins.IBrowserPlugin’, { // here I am getting error tinycme is not defined

  177. Rvdv Says:

    @iti and Merl

    All u have to do is remove ‘var’ in front of the line ‘ib = new iBrowser;’. This will fix the problem and it’s an easier fix.

  178. Terri Ann Says:

    Great find and thanks for the step by step instructions.

    i ran into problems with loading the iamges and uploading. I set my permissions correctly and uploaded dummy images to test with but after troubleshooting through the scripts I found that I didn’t need the full path in the $cfg['ilibs'] array

    My full path is: /home/user/public_html/website/assets/images/

    but in the array all I needed was:
    $cfg['ilibs'] = array (
    array (
    ‘value’ => ‘/website/assets/images/’,
    ‘text’ => ‘Site Images’,
    ),
    [...]

    Hope that helps someone! I’m excited to get to using this now!

  179. chainas Says:

    Hello,

    i did everything like written bellow, but in my app did not appear insert button. Anybody could help?

    Working on Boonex Dolphin 6.11 with tiny_mce plugin

  180. chainas Says:

    To Robert

    ‘Print’ button doesn’t show, because you cover him. Your tinyMCE.init must look like that:

    tinyMCE.init({
    plugins : “print,ibrowser”,
    mode : “textareas”,
    theme : “advanced”,
    width: “400″,
    theme_advanced_layout_manager : “SimpleLayout”,
    theme_advanced_buttons1_add:”seperator,fontselect”,
    theme_advanced_toolbar_location : “top”,
    theme_advanced_toolbar_align : “left”,
    theme_advanced_text_colors : “default”,
    theme_advanced_path_location : “bottom”,
    theme_advanced_buttons3_add : “print,ibrowser”,

    Hope this helps. Have a nice day :)

    ———————————
    This is for all those having trouble incorporating the ibrowser plugin into the TinyMCE editor, specifically where after all steps have been followed and no ‘ibrowser’ button shows.

    I spent hours on this, scoured every forum on the planet looking for answers. Some seemed to be lucky and others not. I finally had a result with the following init code:

    tinyMCE.init({
    plugins : “print”,
    plugins : “ibrowser”,
    mode : “textareas”,
    theme : “advanced”,
    width: “400″,
    theme_advanced_layout_manager : “SimpleLayout”,
    theme_advanced_buttons1_add:”seperator,fontselect”,
    theme_advanced_toolbar_location : “top”,
    theme_advanced_toolbar_align : “left”,
    theme_advanced_text_colors : “default”,
    theme_advanced_path_location : “bottom”,
    theme_advanced_buttons3_add : “print”,
    theme_advanced_buttons3_add : “ibrowser”

    The ‘print’ button does not show but the ‘ibrowser’ button does – at last. Somehow the ‘print’ button is dumped in favor of the ‘ibrowser’.

    So, in this instance the answer seems to be to use at least one other incorporated TinyMCE plugin and ’sacrifice’ it in favour of ibrowser!

    Best of luck everybody!
    ———————————

  181. chainas Says:

    Hello,

    now i receive just such screen and nothing more, that screen looks like stucked….

    http://www.jaglas.lt/chainas/ibrowser_error.jpg

    Please help anybody…

  182. Verma Says:

    Hi,

    i m using Ibrowser with TinyMCE when i click on I browser Button to insert an image.. it takes so long time bcz image Directory is heavy in size. it contains 100+ pics..

    is there any way to create directory without using FTP etc.???

    and the second problem is that i m totally unable to change my View images list in Normal list view (with names of image file). it always shows the thumbnail .
    i tried to change the settings in config file
    $cfg['list']=true;

    but it does not work anymore.

  183. ut web designer Says:

    I’m trying to incorporate iBrowser and TinyMCE into a CakePHP installation and am getting an error similar to chainas above – the popup freezes on the loading screen.

    CakePHP uses lots of .htaccess files to rewrite URLs. Anyone know if this would cause issues with iBrowser?

    I assume that iBrowser can’t find something it needs but can’t for the life of me figure out where it’s hanging.

  184. lejo Says:

    i`m incorporate iBrowser and TinyMCE into a CakePHP in this way:

    all ibrowser in the directory webroot (my path: /webroot/js/tiny_mce/plugins/ibrowser.php)

    In this file (ibrowser.php) add: require ‘cake.php';
    this file is one copy of /index.php (root where resides cakephp)

    Now, if we need check if the user it’s log into the app then get root of cake :

    /**
    * Get Cake’s root directory
    */

    $path = dirname(__FILE__);
    $home = ‘webroot';
    $dir = split(‘/’,$path);
    $root = ”;

    foreach($dir as $path)
    {
    $root .= $path.’/';
    if($path==$home)
    break;
    }

    define(‘APP_DIR’, ‘app’);
    define(‘DS’, DIRECTORY_SEPARATOR);
    define(‘ROOT’, $root);
    define(‘WEBROOT_DIR’, ‘webroot’);
    define(‘WWW_ROOT’, ROOT . DS . APP_DIR . DS . WEBROOT_DIR . DS);

    //and the rest of the file (/index.php), without the last line (require the other index.php).
    //include components
    require CORE_PATH . ‘cake’ . DS . ‘/libs/controller/components/security.php';
    require CORE_PATH . ‘cake’ . DS . ‘/libs/controller/components/session.php';
    require CORE_PATH . ‘cake’ . DS . ‘/libs/controller/components/acl.php';
    require APP_PATH . ‘/controller/components/auth.php';////my class

    //check if the user it´s log in and have permission
    if(!$this->auth->checkAuth())
    exit;

  185. matt crider Says:

    Thanks to some of the people here and some of the people of the moxiecode forums, here’s how i got ibrowser to work on safari:

    1) Copy the contents of common.js to editor_plugin.js, replacing the line ‘tinymce.ScriptLoader.load(url + ‘/interface/common.js’);’ with all of the code from common.js
    2) delete ‘var’ from the declaration of ib (so instead of ‘var ib = new iBrowser;’, just ‘ib = new iBrowser;’)
    3) change ‘else if (ib.isGecko)’ to just ‘else’ (or you could ‘or’ ib.isGecko with ib.isSafari, .isOpera, etc)

    Hope that solves some people’s problems!

    Cheers,
    Matt

  186. tripleGinteractive Says:

    Wow, thank you for this bit of gold! Took me too long to try to get a different option to “work” (obviously it didnt).

  187. andho Says:

    tinyMCE.editor_plugin.js file is in ibrowser/interface

    don’t know why no one has mentioned that still?

  188. Montreras Says:

    if u have error in FF(The popup window wont came out) put
    var ib=null; on the first line in editor_plugin.js :)

  189. Cindy Says:

    hi,

    I followed Matt’s suggestion for safari issue. Now, I’m able to open up the image upload popup, but the “Please wait. loading…” message doesn’t go away and the window is just frozen. Does anyone know how to fix this problem?

    Thanks in advance.

    ===========
    Matt’s suggestion
    ===========

    Thanks to some of the people here and some of the people of the moxiecode forums, here’s how i got ibrowser to work on safari:

    1) Copy the contents of common.js to editor_plugin.js, replacing the line ‘tinymce.ScriptLoader.load(url + ‘/interface/common.js’);’ with all of the code from common.js
    2) delete ‘var’ from the declaration of ib (so instead of ‘var ib = new iBrowser;’, just ‘ib = new iBrowser;’)
    3) change ‘else if (ib.isGecko)’ to just ‘else’ (or you could ‘or’ ib.isGecko with ib.isSafari, .isOpera, etc)

    Hope that solves some people’s problems!

    Cheers,
    Matt

    ========================================

  190. toneee Says:

    I guess this is a dumb comment, but I just use the WordPress provided uploader, copy the “Link URL” provided by the system after upload, then paste it into the TinyMCE Insert/Edit Image dialog where requested. So I use WordPress to upload the image, and TinyMCE to insert it into my post/page.

    I figure it’s much less complicated then installing and debugging iBrowser.

  191. yagensh Says:

    i don’t get any error message nor image upload just it comes “Please wait Loading….” please help me

  192. Todd Says:

    I’ve managed to get this thing installed with all the help here. Thanks!

    Now my only problem is related to FF3–big surprise!

    I can browse images on the local system to upload, but after selecting an image the button doesn’t change from “Browse” to “Upload.” Any ideas?

  193. joe Says:

    Hi folks!

    i’m trying to install ibrowser hardly, but it’s not going on as fast as i want!

    first i had no tool … solved
    button does not appear … solved
    nothing happens … unsolved

    but i think whats going wrong, that there is no function, i found this in the template.php (in the themes – advanced folder):

    if (!isset($integrated)) {
    $integrated = TRUE;
    drupal_add_js(“function imceImageBrowser(fid, url, type, win) {win.open(Drupal.settings.basePath +’?q=imce&app=TinyMCE|url@’+ fid, ”, ‘width=760,height=560,resizable=1′);}”, ‘inline’);
    }

    so why do i have drupal-related stuff in my code (i’m not working with drupal)?

  194. Jeremy Says:

    Very cool info. I kind of found this by accident. I am eager to try this with tiny_mce and dolphin. Thanks for the great info. I’m going to bookmark this one so I don’t loose it.

  195. Yogesh Says:

    Hi,

    So many thanks for this plugin, because I am getting very worried because of this image upload functionality from tinymce. But now I am feeling very free.
    Thank you very very much for this great plugin

    Regards,
    Yogesh From India.

  196. Ferdy Says:

    Thank a lot fot this perfect plugin to upload an placing images with TinyMCE !!

    Greetings from
    Ferdy
    The Netherlands

  197. Tajinder Singh Says:

    Thanks for the great article with great plug-in reference.

    Thanks! [:)]

  198. timthefish Says:

    i have fixed an additional minor problem (for 1.3.8) that occurred in Firefox 3. For those that can’t find the white-on-green action button that triggers the “Upload Image” once the image has been browsed because the text input field is too large and pushes the “Browse” button over the edge of the paintable area, the following fix might be useful.

    change [#1266]

    to

    and it should be fine.

  199. Mike Says:

    Worked perfect. I’ve been looking for something like this for a long time. Many thanks!!

  200. Archana Says:

    Hi,
    I followed all the steps u have given. But I couldn’t see ibrowser button on TinyMce.
    Please help.

  201. Vero Says:

    Hi guys the link to download the ibrowser does not exists, can someone send it me to vosorio@gmail.com?

    Thanks

  202. Beta.Services Says:

    To anyone still struggling with Safari.

    After following the steps above on merging the files, move the hideloadmessage() from onload() to init().

    <body onLoad=”init();” dir=”getDir(); ?>”>

    function init() {
    var formObj = document.forms[0];
    hideloadmessage();

  203. Vinod Says:

    hi,
    i had added i browser plugin successfully,
    i am able to open the popup and able to selet the image from directory that i have given
    but i am unable to upload a image from my system.
    After uploading the image, i clicked on insert button it throws a javascript error “Error: No image is selected!”
    [Exception… “Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIWebNavigation.sessionHistory]” nsresult: “0x80004005 (NS_ERROR_FAILURE)” location: “JS frame :: chrome://global/content/bindings/browser.xml :: :: line 644″ data: no]

    i had debuged this issue and the javascript function setImageArgs() is not called if i upload the image.

  204. Vinod Says:

    i found the fix,

    actually i am using Firefox. In firefox after selecting the file , the upload button is not displayed(which is at right end). For this reduce the size of the upload button in line 1266 (ibrowser.php) fron 53 to 30.

  205. ronggur Says:

    hi, i just installed ibrowser V 1.3.8. i already followed whole instruction above and got the icon appear on the browser.. but somehow i don’t know why, there is nothing happen when i cilick on it. there is no popup window. Did i missed something?

    thank you

  206. ronggur Says:

    btw, i am using tinymce 3.2.1

  207. ronggur Says:

    thanks to Matt.. i found the answer… btw..this ibrowser is cool

    thanks alot

  208. Alom Says:

    I am having some issues …

    I am using Drupal 6.0

    I added the plugin, and I get the following:

    On TinyMCE:

    1. An empty button (no nice picture to click on, just empty button with an ibrowse tooltip.
    2. When clicking on the button, nothing happens, not even an error message.

    Any clues ?

  209. Piratka Says:

    I need tinyMCE 3.2.1 + ibrowser IN ONE !!!!!!! (zip installation)
    Please !

  210. Andor Says:

    Hey Pascal!

    Keep running into your page for various searches I do.

    Nice plugin. Too bad just it uses the very restrictive GPL license, which renders it practically unusable for me. So I guess I’ll continue to look for some other way to insert images in tinyMCE, but to my surprise it looks like there are no other decent options available. Guess I have to write one myself :-(

    Cheerio,

    Andor

  211. raia Says:

    Thanks Merl ! Your advice is usefull (June 20th, 2008 at 19:04 )!

  212. TRepleX Says:

    ibrowser/scripts/phpThumb/cache and ibrowser/temp to 755 or 777.

    please help,
    What file I need to write.
    Thank you in advance

  213. Bob Says:

    Hi
    ibrowser/scripts/phpThumb/cache
    ibrowser/temp
    You need to change permissions of these files to 755 or 777

  214. TRepleX Says:

    now works , thank you

  215. chadanuk Says:

    For the Safari issues…

    I followed Matt’s suggestion for fixing the Safari issue (but didn’t need to do items 1 and 2.) The next issue is that the resizeDialog.js file is calling a function that Safari doesn’t recognise (window.sizeToContent();) so it stops loading the ibrowser. If you quote this line out the ibrowser will load as normal.

    So now the fix is:

    1) Change common.js where it says ‘else if (ib.isGecko)’ to just ‘else’.
    2) Quote out ‘window.sizeToContent();’ in resizeDialog.js

    Dan.

  216. chadanuk Says:

    Ok – my last comment only works in Webkit (the latest build version of Safari)…

  217. KWJ Says:

    the plugin works good, but when I load the plugin I get in the
    screen of the images “noGD”.
    I don’t what tis means.
    When I insert the image in tinyMce the right image is selected.

    KWJ

  218. chadanuk Says:

    —-
    the plugin works good, but when I load the plugin I get in the
    screen of the images “noGD”.
    I don’t what tis means.
    When I insert the image in tinyMce the right image is selected.

    —–
    Thats a server issue – GD is the image processing add-on to php

    http://uk3.php.net/gd

  219. Mars Says:

    I assume that the error message “noGD” means that the GD extension (library) is not loaded by PHP engine.

    M@RS

  220. manu Says:

    I screwed all this and ended up using http://www.fckeditor.net/

    Integrated image uploading that actually works, on all systems. It can be used to upload files, photos, whatever you wish, you can organize them through an ajax interface, and it’s a lot simpler to work with.

    tinyMCE is good too, but way too messy for me.

  221. Guppy Says:

    I would like to just select the filename (stored in table afterwards) – is there a trick to do this.
    Unfortunately I can’t chmod the file folders so I can’t upload. Anyway, I mainly searched for way of selecting existing image files from the folders.

  222. Guppy Says:

    Re my previous message I have taken off a part of the information returned from ibrowser by setting
    $cfg['furl'] = false;
    in config.inc.php
    But I still have some “extra” around the filename I want to strip off:

    I would like to keep only the file name “my_image.jpg” – well, I can live with having the path also, but where is the and <img src= and coming from, I can’t identify the line in the ibrowser.php

  223. Faisal Zafar Says:

    Set the path like this
    i have domain http://www.xxx.com and on root i have installed this appplication,on the root i have folder called UP with permission of 777 and set the variable like this
    $cfg['ilibs_dir'] = array(‘/UP/’);

    Hope this will work for all :)

  224. Mike V Says:

    Big Thanks to Matt.

    Following his instructions, it now works in Safari.

    Cheers buddy!

  225. Guppy Says:

    I ended up opting for Tinybrowser – the only one not giving some kind of trouble in my configuration. Concerning my wish to store only filenames, I now store the full thing including src, path, alt= etc and then I strip it off when I use the database data. Stripping is made using strpos, substr and strlen.
    It is necessary because I create PDF and it needs a ‘clean’ path+filename to avoid errors.
    It is preferable to have the full info stored as it allows image preview in tableviews and edit of database entries.

  226. Sandy Says:

    Hey!

    I think, this is a very good app.
    but i’ve got a problem… :-S

    I think, I did that what you wrote there.
    I can see the button, but when I cklick it, it shows a message to download the file ibrowsers.php. Why?????
    Can you help me pls??

    Greez.

  227. Nicolas Says:

    ibroswer seems to not work with tinyMCE version 3++;

    I tryed and I failed. I downloaded version 2.0.8 and it worked for me.

    win win win.

  228. Manav Says:

    ibrowser sets the value of alt/title tag according to the uploaded/selected file name.

    how can i change the alt/title value??

  229. Nicolas Says:

    Hi guys,

    I use Tinymce 2.0.8. It works with FF3 but not with IE7.

    My solution : I commented the line 43 wich is =>
    ib.getLinkParam(oLinkElement, wArgs); // set popup parameters

    My error was : ‘attributes.mce_onclick.value’ is null or not an object

    Error in IE7 with ibrowser. It resolved it.

  230. Jim Says:

    Where can I download ibrowser? There is nothing referencing this software on j-cons.com. The j-cons.com/downloads URL redirects me to the home page.

  231. Sunny Says:

    From here u download ibrowser : http://net4visions.com/ibrowser.html

  232. Antonio Says:

    > somewhere in an included or inline javascript, you should have the “tinyMCE.init” statement,
    > configuring your TinyMce setup:

    Where would I find tinyMCE.init?

  233. links for 2009-07-02 Says:

    [...] Image Upload Plugin for TinyMce (tags: tinymce plugins image upload) Socio-Encapsule this: [...]

  234. Rog Says:

    I tried everything with TinyMCE Version: 3.2.5 and it doesn’t work. Must have been a couple of hours I wasted so just warning you. The button appears fine, but it does nothing, nada…nout. Off to look for an alternative. This hasn’t been updated since 2005 so have to expect it.

  235. vb Says:

    Rog: I had the same issue – the plugin stopped working when I updated TinyMCE to the latest version. However it can be solved by downloading and installing the newest version of iBrowser (v1.3.9) which can be found here: http://www.net4visions.com/25.html (the one on j-cons.com is outdated).

  236. Hari Seldon Says:

    If icon doesn’t appear and your’re running on linux just rename ibrowser plugin folder:
    iBrowser -> ibrowser

  237. bonita Says:

    Guys when i tried this ibrowser, an error occurred in Firefox which says:

    Error: tinyMCE.importPluginLanguagePack is not a function
    Source File: http://localhost/KiddieParties/tiny_mce/plugins/ibrowser/editor_plugin.js
    Line: 16

    Please help how to solve this. Help really appreciated.

    Thanks.

  238. one Says:

    I got one problem?

    During development process (Local server), iBrowser button appear in the textarea, and work properly, but after upload into real server, that button disappear in the text area.

    Any idea about this problem?

  239. aka Says:

    hi,
    first of all i think your doing a great job answering all the question on the tiny mce plugins.

    i have a few small questions:

    i have the imanager running on my site, but when you click insert the screen is miss aligned, it should be up a couple of spaces.

    also when you create a new directory using firefox 3.5.2 it asks to resend or cancel???

    how to you enable the right hand scroll bar as you can’t see the other boxs?

    thanks

    ak

  240. batik Says:

    Big Thanks!!!
    Has read all comments:)
    Following his instructions, it now works in Safari.

  241. jzhon Says:

    i intall tinymce in live site no insert button appear anyone can help me tnx

    ibrowser V 1.3.9 and tinymce_3_2_4_1 version

  242. Janice Kong Says:

    I installed the latest iBrowser 1.3.9 for tinymce. I have done everything stated but the icon still does not appear. My OS is linux.
    I delete the iBrowser folder in the plugins and copy and paste it again there because I thought It will be cache problem.

    I have a few plugins to use in tiny mce. At first the iBrowser is the last from the plugin list. Then I move it to the front like:
    plugins : ‘ibrowser,liststyle,table’

    Then in the firebug I can see it register the ibrowser plugin but cannot find the folder in plugins folder. Then I realize that it is due to the folder name!
    The folder in my plugins is “iBrowser” but the tinymce is looking for “ibrowser”. The capital B is causing the problem. After I change it to lower case the icon appear. I don’t think this is a problem for windows users.

  243. Anon Says:

    No longer works with the new tinymce.. At least for me, it didn’t.

  244. Doug Says:

    I just released version 3.0 of my CJ File Browser for ColdFusion. It’s free and I tried to make it so you can either modify or delve into the code to figure out how to make your own. Even though it was designed for ColdFusion, you could easily modify it to swap out the ColdFusion engine (It’s uses a ColdFusion Component (CFC) to handle the file management, but the front-end interface is using AJAX calls through JavaScript). Here’s a brief list of all the features:

    * jQuery is handling all of the interface and controls.
    * A ColdFusion component (CFC) is handling all of the file management. (You could easily port this to something else)
    * An XML file is being used to handle security restrictions.
    * CSS is used to handle the look & feel
    * TinyMCE can be initiated with variables that are passed to CJ File Browser.
    * You can now use it in Standalone mode (you’ll need to tweak the code a bit)

    Hope you like. You can get it by visiting the project page here: http://www.cjboco.com/projects.cfm/project/cj-file

  245. Doug Says:

    oops, the above link got cut off, it should be:
    http://www.cjboco.com/projects.cfm/project/cj-file-browser/

  246. patecon Says:

    Message: ‘ib’ is null or not an object
    Line: 23
    Char: 5
    Code: 0
    URI: http://localhost/tinymce/jscripts/tiny_mce/plugins/advimage/editor_plugin.js

  247. patecon Says:

    McimageManager 3.1.0.4: http://www.mediafire.com/?eefyofymg3d

    copy directory imagemanager into jscripts\tiny_mce\plugins

    plugins : “imagemanager”,
    theme_advanced_buttons1: “insertimage”
    file_browser_callback : “mcImageManager.filebrowserCallBack”,

  248. Nick Owens Says:

    You have my gratitude for working on this and publishing it to the world. This saved me a few days worth of programming I had planned to provide a basic upload/gallery and I got this full-featured gallery from you for free.

    It was a big help, easy to install, and even easier to customize. Of course I have different users and it took all of about 15 mins to have the code create new folders for the user if their’s doesn’t exist, disable the “up directory” button, add some security so users can’t get around browsing above their folder, and voila.

    Thank you, thank you!

  249. constanza lópez Says:

    Create directories How do you do it through the interface?

  250. Arjun Says:

    i have problem with tinyMce ibrowser plugin i have set up my code as below

    tinyMCE.init({
    mode : “textareas”,
    theme : “advanced”,
    elements: “template_content”,
    theme_advanced_buttons2 : “cut,ibrowser”,
    plugins : “ibrowser”,
    theme_advanced_buttons2_add : “ibrowser”,
    });

    But not display open image uploader popup ??

  251. Arjun Says:

    we have problem with tinymce ibrowser plugin we have writting following code

    tinyMCE.init({
    mode : “textareas”,
    theme : “advanced”,
    elements: “template_content”,
    theme_advanced_buttons2 : “cut,ibrowser”,
    plugins : “ibrowser”,
    theme_advanced_buttons2_add : “ibrowser”,
    });

    but not display image uploader icon on the tinyMce tool bar ??