pict-drupal-module.png In this page, we explain how to use TinyBrowser step by step. TinyBrowser module is developed as an alternative to IMCE. Therefore, using TinyBrowser is basically same as using IMCE.

Use TinyBrowser with WYSIWYG editors

When you use TinyBrowser with WYSIWYG editors, it's almost same as the way IMCE is used.

First, to start TinyBrowser, you need to click on the image/media/link icon on the toolbar of the WYSIWYG editor. If you do not see these icons, then you need to configure your WYSIWYG editor. In this explanation, we are going to insert an image to the editor. So we click on the image icon of the toolbar.

ss-tinybrowser-step-1.png
When you click on the image icon, a small image setting window is displayed.

ss-tinybrowser-step-2.png
On this windows click on the small rectangle icon to start TinyBrowser. In case of FCKeditor, click on the 'Server Browser' button instead of an icon.

Now, TinyBrowser is started and it's window is displayed. As default, file browser panel is displayed. In case of image file browsing, list of thumbnail images are displayed.

ss-tinybrowser-step-3.png
When you click on the image you want to insert to the editor, TinyBrowser window is closed and returnsto the small image setting window again, but this time, you should see the selected image displayed in the window.

ss-tinybrowser-step-4.png
With this image setting window, you can specify image tag related parameters such as Alt, Title, Align attributes. When it's ready to insert
the image to the editor, click on the "Insert" button. The small image setting window is closed and returns to the editor. You will see that the selected image is inserted to the editor.

ss-tinybrowser-step-5.png


Use TinyBrowser with plain textarea

If you are not using any WYSIWYG editor, you can still use TinyBrowser with plain textarea. Go to Administer > Site configuration > TinyBrowser. In the general setting section, there's a text field for spacifying the field ID of the plain textarea with which you want to use TinyBrowser. In case of regular node creation form, "edit-body" is the textarea of the node body. So just enter "edit-body" there.
Once you do this, you will see that the link "Insert image or link" right below the textarea.

ss-tinybrowser-step-6.png
Clicking 'image' will invoke TinyBrowser with image file mode, and 'link' for the TinyBrowser with regular file mode. Then, once you select an image or file, image tag or anchor tag of the selected item is inserted to the textarea.


Use TinyBrowser at user account page

When you enable the permission of "Use TinyBrowser at user account page" in the profile settings of TinyBrowser, "TinyBrowser" tag menu is added to the user account page. When you select the "TinyBrowser" menu, three sub links are displayed (image, media and file). Clicking these link will invoke TinyBrowser with corresponding file mode.

ss-tinybrowser-step-7.png
In this case, selected image/media file will be displayed in a new browser's window, and selected regular file will be download.


Important Note

Regarding the bugs and/or problems of the main functions of TinyBrowser, we may not be able to fix it since we are not the developer of the TinyBrowser itself. Especially, regarding the Flash based uploader, we do not have the source of the Flash file, so it is impossible for us to deal with any issues related with this Flash file.

Please address the bugs, problems, feature requests for the main functions of TinyBrowser to the support forum at TinyBrowser Google Group, which is maintained by the developer of the TinyBrowser.

TinyBrowser Google Group
http://groups.google.com/group/tinybrowser


 

No votes yet