File browser demo

CKEditor file and image browser

Roxy Fileman could be easily integrated into CKEditor. It is ready for use with CKEditor version 3.x and 4.x. This demo uses CKEditor version 4.3.2.
View source

For more details about how to configure Rixy Fileman to work with CKEditor, see CKEditor integration.



TinyMCE file and image browser

Roxy Fileman could also be used with TinyMCE. It is ready for use with TinyMCE version 3.x and 4.x. This demo uses TinyMCE version 4.0.12.
View source

For more details about how to configure Rixy Fileman to work with TinyMCE, see TinyMCE integration.


Custom Roxy fileman integration - select and change image

Here is a very simple example of file manager custom usage. Click the image below to select another one.
View source


Custom integration - using Roxy File Manager to fill a text input field

Here is another example of custom usage. Click on the input field below to select a file.
View source

User comments

Please see the FAQ page before ask a question.

I don't review comments very often, and I will NOT answer the questions asked here, please use the contact form.

L. Arsov


Author: Dannoman 29-12-2016 18:56:00 (GMT)
Is there any way to override the size limit of files?
Author: Khac Nha 07-09-2016 03:48:32 (GMT)
When installed on Yii 2 Advanced, show error:
Declaration of navatech\roxymce\helpers\FileHelper::getMimeType() should be compatible with yii\helpers\BaseFileHelper::getMimeType($file, $magicFile = NULL, $checkExtension = true)
Author: Lam Huynh 28-07-2016 04:19:20 (GMT)
I got error as below when I open Roxy FileMan

URIError: malformed URI sequence
initSelection()

However, It's still working but the it can not adjust the status bar to move to bottom
Author: Lostwake 21-07-2016 02:21:14 (GMT)
Hey If anyone is looking to make the TinyMCE version mobile friendly and responsive, I added some javascript to dynamically change the uploader window size depending on browser window size.

I explain it all here: http://lostwake.com/full-post/make-roxy-fileman-for-tinymce-editor-responsive-and-usable-on-mobile-devices

Hope this helps some of you having the same problem I had.
Author: Minh 18-06-2016 05:59:04 (GMT)
↓ me too
Author: osman 01-06-2016 07:35:58 (GMT)
I used RoxyfileMan. In destination folder that Upload files in that I have 10,000 files , when Roxywant load them , its take long .
How Can I send Page to Listfile Method to get 10 by 10 files ?
Author: Nguyễn Nhựt Minh 16-01-2016 07:53:06 (GMT)
To Faraz,
src = "/fileman/index.html?integration=custom&type=files&txtFieldId=txtSelectedFile"
you delete the property &type=files oke :)
Author: Faraz 03-01-2016 13:39:02 (GMT)
while using "Custom integration - using Roxy File Manager to fill a text input field" index file didn't show any uploaded images or..
If I try to upload new image.. I also doesn't appear in image list.
If I check the images in upload folder it shows me all uploaded images.
please help me in this issue
Author: Jishnu 25-08-2015 04:13:33 (GMT)
Is their any option for multi select( selection of multiple files at a time from server) to retrieve the URL s of selected file
Author: Farog Saiyed 10-07-2015 11:52:49 (GMT)
How to get alert file.name on file select
Author: svliege 08-06-2015 23:02:20 (GMT)
Does anyone even know that this filemanager has huge leaks !!??
Easy exploitable...!!!
Author: Athar 15-05-2015 11:14:51 (GMT)
i need name of uploaded file to save in database
Author: Tithira Hiranjith 08-05-2015 04:04:39 (GMT)
I can upload pdf files. But it won't show in the given model. Help me please
Author: jeff 16-03-2015 15:19:11 (GMT)
same as Bui Vu

I can't upload file or create a folder - old version works though
Author: Bui Vu 03-03-2015 11:33:01 (GMT)
I cant upload or create folder. It alert "Error creating directory Uploads", help!!!
Author: veeru 24-02-2015 14:51:02 (GMT)
I have integrated fileman with tinymce4, create , rename and delete folder buttons are not working
Author: M@SH 05-02-2015 11:52:25 (GMT)
Solution:

CKEditor ver. 4.2.1. Directories ckeditor and fileman are in root of website.

Edit config.js of CKEditor and insert:

config.filebrowserBrowseUrl = '/fileman/index.html?integration=ckeditor';
config.filebrowserImageBrowseUrl = '/fileman/index.html?integration=ckeditor&type=image';

There is no need to use CKEDITOR.replace() script...
Author: pagol 14-01-2015 05:50:18 (GMT)
add this

var roxyFileman = '/fileman/index.html';
$(function(){
CKEDITOR.replace('gmb_markers_group_0_description',{filebrowserBrowseUrl:roxyFileman,
filebrowserImageBrowseUrl:roxyFileman+'?type=image',
removeDialogTabs: 'link:upload;image:upload'});

})

not showing..

and i wish to add on class instead of ID . my class will be ckeditor
Author: Sufyan 04-01-2015 21:43:53 (GMT)
I added the code like this:
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<textarea class="ckeditor" id="editor1" name="editor1"></textarea>

<script>
var roxyFileman = '/fileman/index.html?integration=ckeditor';
$(function(){
CKEDITOR.replace( 'editor1',{filebrowserBrowseUrl:roxyFileman,
filebrowserImageBrowseUrl:roxyFileman+'&type=image',
removeDialogTabs: 'link:upload;image:upload'});
});
</script>

and but the Browse server Button it is not showing. when i remove the class from text area to be as yours, the editor will disappear
Author: Scott 29-11-2014 13:42:58 (GMT)
Great piece of software!
Author: coskunkula 12-10-2014 13:07:33 (GMT)
mükemmel
Author: Venkat 21-08-2014 05:18:08 (GMT)
Is there any config available to control visibility of left side file strucuture/group and also tabs in the top?
Author: Shahid Hazoor 07-07-2014 12:50:45 (GMT)
Very helpfull, thanks :)
Author: Developer 20-06-2014 18:31:21 (GMT)
All uploads are disabled in the demo.
Author: mobs6 10-03-2014 06:30:26 (GMT)
just what i loooking for, thx alot
Author: Blue bay 09-02-2014 11:00:45 (GMT)
Looks fine, I'll try it.

Add comment