Face à la problématique d’intégration d’images dans un article, en effet j’ai énormément de fichiers jpg, il était peu commode de devoir chercher tout le temps parmi la liste déroulante le bon fichier.
Donc j’ai cherché du côté de TinyMce si un plugin existait, et j’ai trouvé ImageManager mais en version payante.
Donc malgré la qualité de ce dernier, j’ai cherché une solution gratuite.
Et sur le forum allemand de contao, j’ai trouvé comment intégrer ajaxfilemanager directement dans tinymce sur le gestionnaire d’images.
URL du wiki :http://de.contaowiki.org/TinyMCE_und_AjaxFileManager
Tutoriel :
1/ Télécharger le plugin à cette adresse: http://www.phpletter.com/download_project_version.php?version_id=35
2/ Dézipper le fichier puis copier le dossier ajaxfilemanager dans plugins/tinymce/plugins
3/ Ouvrir le fichier plugins/tinymce/plugins/ajaxfilemanager/inc/config.base.php et remplacer aux lignes 57 et 58 :
Code : Tout sélectionner
define('CONFIG_SYS_DEFAULT_PATH', '../../../../uploaded/'); //accept relative path only
define('CONFIG_SYS_ROOT_PATH', '../../../../uploaded/'); //accept relative path only
par
Code : Tout sélectionner
define('CONFIG_SYS_DEFAULT_PATH', '../../../../tl_files/votresiteinternet/images'); //accept relative path only
define('CONFIG_SYS_ROOT_PATH', '../../../../tl_files/votresiteinternet/images'); //accept relative path only
4/ Ouvrir le fichier system/config/tinymce.php et remplacer à la ligne 52
Code : Tout sélectionner
elements : "<?php echo $this->rteFields; ?> ",
par
Code : Tout sélectionner
elements : "<?php echo $this->rteFields; ?>,ajaxfilemanager",
Toujours dans ce meme fichier, sous la ligne 75
Code : Tout sélectionner
theme_advanced_resizing : true,
ajouter
Code : Tout sélectionner
file_browser_callback : "ajaxfilemanager",
Pour terminer, juste avant la balise </script>, ajouter :
Code : Tout sélectionner
// start ajaxfilemanager configuration
function ajaxfilemanager(field_name, url, type, win) {
var ajaxfilemanagerurl = "plugins/tinyMCE/plugins/ajaxfilemanager/ajaxfilemanager.php";
switch (type) {
case "image":
break;
case "media":
break;
case "flash":
break;
case "file":
break;
default:
return false;
}
var view='thumbnail'; //alternativ: 'detail'
var language='de';
tinyMCE.activeEditor.windowManager.open({
url: ajaxfilemanagerurl + '?view=' + view + '&language=' + language,
title: "Ajax Dateimanager",
width: 882,
height: 540,
inline : "yes",
close_previous : "no"
},{
window : win,
input : field_name,
resizable: "yes"
});
return false;
}
// end ajaxfilemanager configuration