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
- Ouvrez votre Terminal
- 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/ - Téléchargez Composer
curl -sS https://getcomposer.org/installer | php - Installer le projet
php composer.phar create-project --prefer-dist servocoder/richfilemanager filemanager - 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
- 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 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 !
