RichFileManager : un gestionnaire de média open source

Le projet Github se trouve à cette adresse : https://github.com/servocoder/RichFilemanager. Voir ici une demo

Installer RichFileManager pour PHP

1. Ouvrez votre Terminal
2. Localisez-vous dans le dossier dans lequel vous souhaitez installer RichFileManager, par exemple ici dans un dossier « filemanager » de votre répertoire htdocs si vous utilisez  MAMP.
   cd /Applications/MAMP/htdocs/filemanager/
3. Téléchargez Composer
   curl -sS https://getcomposer.org/installer | php
4. Installer le projet
   php composer.phar create-project --prefer-dist servocoder/richfilemanager filemanager
5. Configurer les fichiers de configuration : Dupliquez et renommez les deux fichiers suivants dans le dossier filemanager/config/  :
   • filemanager.config.default.json => filemanager.config.json
   • filemanager.init.js.example => filemanager.init.js
6. Accédez à la page filemanager/index.html depuis votre navigateur : tout fonctionne ! Vous pouvez uploader des fichiers, les renommer, créer des dossiers, supprimer des fichiers. Super !

Changer le répertoire userfiles

Par défaut, les fichiers téléchargés sont placés dans le dossier userfiles à la racine du projet. Si vous souhaitez modifier cet emplacement, cela se configure dans le fichier filemanager/connectors/php/vendor/servocoder/richfilemanager-php/src/config/config.local.php :

"serverRoot" => true,
"fileRoot" => 'chemin_de_votre_dossier_de_media/', // Bien terminer par le slash

Intégrer RichFileManager à CKEditor 3.x

Vous pouvez intégrer Filemanager de façon à ouvrir votre gestionnaire de fichier au clic sur le bouton « Parcourir le Serveur » de CKEditor.

<span class="pl-c1">CKEDITOR</span>.<span class="pl-c1">replace</span>(<span class="pl-s"><span class="pl-pds">'</span>instancename<span class="pl-pds">'</span></span>, {
	filebrowserBrowseUrl<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>[Path to Filemanager]/index.html<span class="pl-pds">'</span></span>,
	<span class="pl-k">...</span>other configuration options<span class="pl-k">...</span>
});

D’autres options

https://github.com/servocoder/RichFilemanager/wiki/Configuration-options

---

Si cet article "RichFileManager : un gestionnaire de média open source" vous a aidé, si vous avez des questions ou des améliorations à proposer, n'hésitez pas à me laisser un commentaire en bas de page !
Charlie Stram,
Développeur web freelance