Install¶

jQuery and jQuery UI¶

1 <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
2 <script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript" charset="utf-8"></script>
3 <link rel="stylesheet" href="js/ui-themes/base/ui.all.css" type="text/css" media="screen" charset="utf-8">

Note: If you customize jQuery UI yourself, make sure you included next components: dialog, tabs, selectable, draggable, droppable, resizable

elFinder¶

1 <script src="js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>
2 <link rel="stylesheet" href="css/elfinder.css" type="text/css" media="screen" charset="utf-8">

Localization¶

Include language file if you need other language than English:

1 <script src="js/i18n/elfinder.ru.js" type="text/javascript" charset="utf-8"></script>

Initialize file manager¶

1. Using jQuery plugin:

1 <script type="text/javascript" charset="utf-8">
2   $().ready({
3     $('#my-div').elfinder({
4       url : 'connectors/php/connector.php',
5       lang : 'ru'
6     })
7   })
8 </script>

2. Using constructor

1 <script type="text/javascript" charset="utf-8">
2  $().ready({
3    var fm = new elFinder(document.getElementById('my-div'), {
4      url : 'connectors/php/connector.php',
5      lang : 'en'
6    });
7  })
8 </script>

More information about client configuration.