Titre du sujet : Réinstaller TinyMCE dans la version 2.4.4 (et 2.4.5)
par Fabrice59 sur 15/07/2010 16:07:33
La version 2.4.4 fr de Xoops s'est vue tronquée d'éditeurs WYSIWYG comme TinyMCE et CKEditor, pourquoi ? Allez savoir.
Quoiqu'il en soit, j'ai testé ces deux éditeurs et TinyMCE reste l'éditeur WYSIWYG le mieux intégrer à Xoops grâce à une barre d'outils pour les spécificités Xoops (Gestionnaire d'images, Emoticones etc.).
Je vais vous expliquer comment l'installer et l'intégrer à Xoops 2.4.4. Concernant la version 2.4.5, l'éditeur devrait déjà être disponible, mais en anglais, cette archive inclut les éléments traduits en Français.
Téléchargez l'archive (au format 7-Zip).
Décompressez l'archive, vous devriez obtenir un dossier tinymce (vérifiez que vous n'avez pas décompressé dans un premier dossier tinymce qui contiendrait lui aussi un dossier tinymce, dans ce cas c'est ce dernier qui nous intéresse).
Transférez le dossier tinymce dans le dossier suivant de votre installation Xoops : class/xoopseditor (vous y trouverez déjà deux dossiers : dhtmltextarea et textarea)
Une fois le dosssier transféré, allez dans le dossier suivant : xoops_data/caches/xoops_cache supprimez le fichier commençant par xoops_editorlist_http.
Allez dans l'administration de votre site, puis dans les paramètres généraux. Ceci devrait avoir pour effet de régénérer le fichier commençant par xoops_editorlist_http.
Ouvrez ce fichier à l'aide de votre éditeur favori (Notepad++ par exemple) afin d'y apporter quelques modifications. Vous devriez avoir ceci :
return array (
'dhtmltextarea' =>
array (
'title' => 'DHTML avec BBcode',
'nohtml' => 1,
),
'textarea' =>
array (
'title' => 'Texte',
'nohtml' => 1,
),
'tinymce' =>
array (
'title' => 'TinyMCE',
'nohtml' => 0,
),
);
Dans la partie suivante :
'tinymce' =>
array (
'title' => 'TinyMCE',
'nohtml' => 0,
),
dans la ligne : 'nohtml' => 0,
Remplacez le 0 par 1, ce qui doit donner 'nohtml' => 1,
Enregistrez le fichier (et remplacez celui se trouvant sur votre serveur).
Reste plus qu'à le rendre disponible dans les modules pour lesquels vous préfereriez avoir TinyMCE.
Dans l'état actuel, aucun module ne sait que cet éditeur est disponible, pour lui indiquer il faut faire la mise à jour du module.
Allez dans votre interface d'administration dans la liste des modules. Pour mettre à jour le module, cliquez simplement sur l'image  , puis confirmez la mise à jour.
REMARQUE : Pensez toujours à faire une sauvegarde de votre base de données avant toute manipulation.
Voici une liste de modules pour lesquels j'ai pu tester et que cela fonctionne (dans leur dernières versions) :
Bug background
Par défaut la zone d'édition de TinyMCE utilise le fond défini dans votre thème. Si ce thème a un body background foncé, voire noire, cela peut s'avérer assez gênant pour l'édition.
La solution est la suivante, pour chaque thème utilisé dans votre site allez dans le fichier themes/montheme/css/style.css
Vous devriez avoir quelque chose ressemblant à ceci (extrait du début du fichier) :
/* layout */
html, body {
margin: 0px;
background-repeat: repeat-y;
background-color: #000;
background-position: top;
/*background-image: url(../images/bg.jpg);*/
/*background-color: #000;*/
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
}
#top{
position: absolute;
margin: 0 auto;
width: 950px;
height: 159px;
background: url(../images/top1.jpg) no-repeat transparent;
}
(...)
Il s'uffit d'ajouter après la déclaration de la balise body ceci :
/* TinyMCE specific rules */
body.mceContentBody {
background: #FFF;
}
Ce qui donne dans l'exemple précédent :
/* layout */
html, body {
margin: 0px;
background-repeat: repeat-y;
background-color: #000;
background-position: top;
/*background-image: url(../images/bg.jpg);*/
/*background-color: #000;*/
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
}
/* TinyMCE specific rules */
body.mceContentBody {
background: #FFF;
}
#top{
position: absolute;
margin: 0 auto;
width: 950px;
height: 159px;
background: url(../images/top1.jpg) no-repeat transparent;
}
(...)
Pensez à effectuer cette opération sur tous les thèmes disponibles par les utilisateurs de votre site (en général un seul).
Vous devriez avoir une zone d'édition tinyMCE avec un fond blanc, ou du moins sur toutes les lignes non vides de la zone d'édition.
Voilà voilà, n'hésitez pas à faire un retour en répondant à ce sujet 
|
![Open in new window](javascript:CaricaFoto("http://www.chtiland.com/v5/modules/system/images/update.gif");)
