TinyMCE est un module permettant la mise en place d’un éditeur de contenu WYSIWYG. Grâce à lui il devient simple de mettre en page ses contenus, aussi simple que d’utiliser un traitement de texte.
1 La phase classique
Téléchargez le module Drupal : http://drupal.org/project/tinymce
Décompressez le
Envoyez le via FTP dans votre Drupal, dans le répertoire /sites/all/modules où doivent être contenus les modules que vous installez.
2 La phase inhabituelle
Téléchargez le moteur de TinyMCE chez Moxie : http://tinymce.moxiecode.com/download.php
Décompressez le évidement
Envoyez le dans votre module TinyMCE créé lors de la phase 1. Ce qui vous donnera un chemin comme : /sites/all/modules/tinymce/tinymce
3 Activation
Dans votre interface d’administration de votre site allez dans la construction des modules et activez Tiny
Allez ensuite dans la gestion des utilisateurs et éditez les rôles utilisateurs afin qu’ils puissent se servir de Tiny
Dans la configuration du site faites un tour dans TinyMCE et créez un profil d’utilisation, n’oubliez pas de l’attribuer aux rôles désirés.
Lors de la création de ce profil, dans «Basic Setup» passez «Default state» en true afin d’activer l’affichage par défaut de Tiny.
N’oubliez pas que Tiny met en page grâce aux balises HTML, pour que ce que vos contenus s’affichent tel que désiré le format d’entrée contenus doit être en Full HTML. Pour paramétrer cela par défaut allez dans Administrer > Configuration du site > Formats d’entrée et cochez Full HTML pour que ce format soit fixé automatiquement lors de la création d’un contenu. D’autre part tous vos contenus créés avant cette modification concerveront leur format d’entrée initial. Il vous faudra donc éditer chaque contenu de ce type pour qu’il accepte le Full HTML.
4 Francisation
Téléchargez le pack contenant la traduction francophone ; http://tinymce.moxiecode.com/language.php
Décompressez la chose vous aurez alors les fichiers de traductions classés selon la même hierachisation que votre «sous-module»
Prennez votre mal en patience et envoyez chaque petit fichier dans le répertoire correspondant. La tâche est longue, ennuyeuse et si vous faites une erreur d’innatention vous êtes bon pour tout recommencer.
Retournez dans la configuration de TinyMCE via l’administration de Drupal, éditez le profil de sorte que dans «Basic Setup» ce soit le français qui soit activé.
5 Boostez TinyMCE
Un outil supplémentaire permet de «compresser» Tiny et de le rendre plus rapide. Il s’agit de TinyMCE compressor. ATTENTION : il se peut que cet ajout pose des problèmes sur certaines configurations (disparition de la barre d’outils, cf les nombreux posts plus bas), testez d’abord Tiny sans le compresseur pour vérifier que tout fonctionne correctement, installez le ensuite, si vous rencontrez des problèmes virez le.
Téléchargez TinyMCE compressor PHP ici : http://tinymce.moxiecode.com/download.php
Décompressez et envoyez dans /sites/all/modules/tinymce/tinymce/jscripts/tiny_mce
6 Régler d’éventuels problèmes de lisibilité (facultatif)
Tout est correctement installé mais votre interface texte de Tiny est toute noire et vous ne parvenez pas à lire ce que vous écrivez dans de telles circonstances… C’est que Tiny se sert du fond de votre site comme fond de zone de saisie. Pas de panique, allez dans Administrer > Configuration du site > TinyMCE. Éditez les profils pour que dans «CSS» le champ «Editor CSS» l’apparence sélectionnez soit «tinyMCE default». Sauvez les modifications et le problème est résolu.
Enjoy ! ;)