Установка¶

Подключение jQuery и 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">

Замечание: Если вы самостоятельно собираете jQuery UI, убедитесь, что включены следующие компоненты: 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">

Локализация¶

Подключите файл перевода для нужного вам языка (если не подключен, то используется английский):

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

Создание файлового менеджера¶

1. С помощью 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. Или через конструктор

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 : 'ru'
6    });
7  })
8 </script>

Более подробная информацию о настройке клиента