Manuel d'utilisation d'Advanced Explorer

Installation et utilisation du gestionnaire de fichier universel en JavaScript et HTML 5.

Advanced Explorer is a local application built with the standards of the Web. Technically it is a Web page that interacts with the file system through a Node.js server.

So AE works as a Web page. When it displays a document, the document is displayed in a new browser tab. You can have multiple instances of AE in different tabs, and detach them to open another instance of the browser. AE may be launched through a desktop icon, or by typing its URL in the local address field of the browser (when the server is enabled):


To launch AE, click on its icon, or from the command line enter the directory Tiloid and type:

node aexplorer.js 

In both cases it starts the server and then the browser with AE's interface as start page.


If the software is not installed automatically by the self-extracting archive, or if the software is provided in a zip archive, it remains easy to install.

Extract the contents of the archive into a directory named Tiloid (this is the name of the tiled interface). Advanced Explorer will be in a subdirectory named AExplorer.

You can choose the browser by editing the tiloid.ini file. Set the browser property to iexplorer, chrome, midori, etc.... You can add other browsers.
On Windows, the first choice is Internet Explorer. The software does not works well with Firefox and Chrome displays a license screen when run from the command line. Midori has a poor rendering.

Create a new icon on your desktop (by right clicking the mouse and then New -> Shortcut. In the target field type:

c:\AExplorer\node.exe aexplorer.js

In the Start field type:


If you do not want to display the command line window, select the "Minimized window" option.

Using the interface

The interface consists of two panels, each containing a list of files and directories. The left panel is the source panel, the right panel the target. When you make a copy it is always from left to right (in order to avoid possible confusion). Panels can be exchanged for copying in reverse directories.

Functions between panels

The interface comprises an upper row of icons that control operations between the source and the target panels.

Swaps the left and right panels.

Make the left panel become also the right panel. Actually they displays the same directory.

Creates a zip archive containing the files and directories selected in the source panel. The archive will be stored in the right panel.

Copy the list of selected files and directories in the directory of the right panel. The fact that a directory is selected in the right panel has no effect.

Opens the editor. It may or may not contain a file. If there is a file, the icon will change and the image will contain lines. Click the icon again to quit the editor and return to the file manager.

Opens the window of configuration of Advanced Explorer. To return to the lists, click on this icon again. Selected options are only kept for further sessions if you click on the save button.

Opens the help page (this manual) in a new window.

Closes Advanced Explorer and also closes the server. If you close the window or just the browser tab, Advanced Explorer is closed, but the server is still running. In addition, by clicking on this icon, the current directories of the two panels are saved for the next session which is not the case if you close the tab directly.

Actions local to a panel

Each panel also has a row of icons corresponding to the functions carried out in the list that appears here.

Refreshes the list. This removes the selections and returns to the top of the list. If an archive is open, it closes the archive and displays the directory that contains it.

Backs to the root directory. On Windows it returns to the root of the current drive.

Backs to the directory containing the currently displayed one. When the directory is contained within another, the first element of the list is a directory whose name is "..". You can also click on this entry, the effect is the same.

Creates a subdirectory in the current directory.

Renames the selected file or directory. Only one entry must be selected.

Delete the list of selected files or directories. The user receives a confirmation request, but at the same time, the list is displayed in red and crossed out.

Fields of paths

At top of each panel is a text field containing the current path. You can enter here directly a path to open. On Windows, to change the drive, you type the name of the drive in this field. For example:


To display the root of the storage unit with the letter D. The interface is flexible and can type d :/ or: \ or d:

Using the keyboard

Out of the editor and input fields, the program recognizes the following keys:

Has the same effect as double clicking on a file name or directory.
Copy the file(s) selected in the left panel to directory in the right panel.
Extracts a file or list of files or directories selected in the contents of an archive.
Also works to extract an entire archive selected in a file list. In this case the options Keep Path (keep directories) and Overwrite (replace) are always true and choices in the option panel ignored.
Provides information on the file or folder. If it is a directory, gives the number of file contents and the disk space they occupy (regardless of the cluster size).
Deletes a file, directory, or selection. As with the icon, the name is crossed out and a dialog box requests confirmation.
The up and down cursor keys group replaces a click on a file name. With the ctrl or shift keys, they also select a group of files.
The left arrow goes back in the directory tree.

In the editor, ctrl-s save the file being edited.

Customizing the editor

Switching themes can not be done in the editor, it is necessary for now to change the source code. In the editor.html file, change the theme name "tomorrow" in the following line:

editor.setTheme ("ace/theme/tomorrow");

The themes available are stored in the src-min-noconflict directory, with the prefix "theme-" that should not be included here.

Needless to configure the langage, the language is detected when a source is loaded from the extension of the file. To add another language, put the configuration file in the src-min-noconflict directory with the prefix "mode-".

Then search in the aecode.js file (in the directory Aexplorer) for the languageExt array. Extend the list by adding your extension and language name without the prefix, like the other pairs already in the list.

More infos: see the list of questions and answers.