Instalación¶

Instalación de jQuery y 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">

Nota: Si hace una configuración de jQuery UI a medida tenga en cuenta que los módulos necesarios para elFinder son: dialog, tabs, selectable, draggable, droppable, resizable

Instalación de elFinder¶

1 <script src="js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>
2 <!-- Para poner los mensajes en español -->
3 <script src="js/i18n/elfinder.es.js" type="text/javascript" charset="utf-8"></script>
4 <link rel="stylesheet" href="css/elfinder.css" type="text/css" media="screen" charset="utf-8">

Instanciamos el gestor de ficheros¶

1. Con la ayuda de jQuery plugin:

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

2. O bien con el 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 : 'es'
6    });
7  })
8 </script>

Más información en configuración del cliente