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 ! ;)
- Version imprimable
- Vous devez vous identifier ou créer un compte pour écrire des commentaires
Bonjour.
Dans la «phase classique», dois-je créer moi-même le répertoire /sites/all/modules ? Car le /sites/all/ est bien là mais pas de «modules». Par contre un répertoire /modules/ existe dans le répertoire principal (celui dans lequel se trouve le répertoire /sites/).
Cette démarche est-elle valable pour toutes versions de Drupal (4.x, 5.x) ?
Merci
edit : Ca fonctionne, il fallait bien créer ce répertoire…
fxwalter
16
Le répertoire /modules est pour les modules appartenant au noyau de Drupal, il ne faut pas y toucher.
Le répertoire /sites/all/modules est pour les modules téléchargés ou que tu as créés toi-même.
Vincent
Formations Drupal pour WEBMASTERS, DESIGNERS et DÉVELOPPEURS. Prochaines sessions du 31 mai au 9 juin 2010.
drupalfrance
1500
Y a meme un fichier README.txt dans ce repertoire qui decrit la procedure…
tostinni
1238
salut
tout nouveau sur drupal j’ai installé la version 5.7 et je rencontre aussi des pbs d’install avec TinyMCE.
tu parles du repertoire : /sites/all/modules/ mais moi qd j’ai installé drupal 5.7, je n’aiaucun repertoire /sites/all/modules/ ??
je dois le créer manuellement ?
merci
a+
.:xv:.
himalaya
7
Oui. veroo !
veroo !
veroo
250
tout est OK TinyMCE fonctionne correctement chez moi à présent
en fait mes répertoires existaient bien, mais j’avais du faire un peu trop la fête la vieille, je le l’avais pas vu de suite ;-)
merci
a+
.:xv:.
himalaya
7
Bonjour,
Le champs de saisie est très réduit en hauteur (32px), comment l’agrandir ?
Graphiste - Webmaster
karnabal
9
Bonjour à tous,
Voilà j’ai suivi la procédure mais j’arrive plus à faire marcher tinymce :(
J’ai drupal 5.1 et ça fait presque une semaine que j’essaye de l’installer mais en vain…
J’ai raté quelque chose ?
Merci d’avance !
ilyas
2
Salut, à priori oui, tu as dut rater un truc…
Mais pour savoir quoi il faudrait que tu nous dise un peu plus les erreurs que tu rencontres. - Trouves tu TinyMCE dans ta liste de modules ? - Si c’est le cas et qu’il est activé, le trouves tu dans l’administration de la configuration de ton site ? … etc …
doppler
87
tu a bien téléchargé le «moteur tinymce» puis uploadé dans le module tinymce ( sites/all/modules/tinymce/tinymce ) ?
» Téléchargez le moteur de TinyMCE chez Moxie : http://tinymce.moxiecode.com/download.php «
moi je l’ai installé hier , rien de particulier , il faut bien activer tinymce dans les droit d’acces des membres loggué . apres il faut créer un profil dans le module tinymce ( comme si cetait un autre petit site qui peut gérer ses propres profils ).
enfin ce que j’ecrit la c’est ecri dans l’aide à l’intslation , mais peut etre que ça pourra t’aider de le relir d’une maniere differente.
++
michael
14
salut à tous et merci beaucoup pour vos réponse !
j’ai bien suivi vos conseils, le module est bien activé, j’ai créer le profil …mais le problem c’est que lorsque j’essaye de rédiger un article je vois pas tinymc, sur ce niveau là je vois seulement l’editeur par defaut de drupal
PS pour le profil je lui ai donné un nom par hasard ? c’est juste ?
Merci encore une fois pour vos précieux conseils,
ilyas
2
Bonjour à tous,
Moi j’ai essayé, j’ai suivis toutes les indications mais je n’arrive pas à voir la palette de TinyMCE. Ai-je loupé une étapes ?
Cependant j’ai «disable rich-texté» écrit en dessous de ma page que je veux éditer.
N’hésitez pas à me demander de plus amples informations, Merci de votre aide.
Victor
1
Bonjour à tous,
J’ai tout fait comme il faut, installation, activation,création profil avec droit adéquat pour user et configuration Tiny…. question basique, comment on lance l’éditeur où comment utilise-t-on Tiny. Merci et bonne semaine. Martine
marnet
13
Bonjour,
même problème pour moi, installation sans problèmes. Configuration faite, mais impossible de voir le module dans mes pages… Y a t-il une manipulation particulère à faire, ou un réglage précis dans la configuration ?
Merci d’avance.
Ade.
ade57
3
Merci de procéder à la modif suivante dans le fichier issu du tinymce :
sites\all\modules\tinymce\tinymce\jscripts\tiny_mce\langs\fr.js
Il manque ces lignes :
tinyMCE.addToLang(”,{ bold_desc : ‘Gras (Ctrl+B)’, italic_desc : ‘Italique (Ctrl+I)’, underline_desc : ‘Souligné (Ctrl+U)’, bold_img : «bold.gif», italic_img : «italic.gif»,
ce qui fait que bold,souligné,et italiques n’apparaissent pas dans la version francisée.
Merci de m’indiquer si j’ai posté au bon endroit pour les modifs de bugs.
Bon courage à toute l’équipe !!
super GG !!!
remy
2
Bonjour,
j’avais soulevé un problème là où il n’y en avait pas donc j’ai modifié ce post. a+ Jérôme
jeromehej
24
Bonjour ! pareil pour moi, je pense avoir bien installlé ce module, par contre, comment accede-t’on à la mise en page ? je vais dans «créer une page», et je tombe sur l’éditeur par défaut de drupal… comme d’hab.
merci d’avance !
cecile
61
Suite à mon expérience et à vos déboirs. J’apporte une solution qui m’a permis de faire apparaitre la palette, et de s’en servir. Ne pas installer le compresseur qui est censé augmenter la rapidité du module, car celui ci empeche son fonctionnement. Pour ma part, après m’être retrouvé dans cette situation, j’ai enlevé ce dernier module installé, et là tout s’est mis à fonctionner impeccablement bien. En espérant que cela vous aidera.
Bertrand
8
Merci Bertrand !
Je vais éditer la chose, on verra si cela pose encore des problèmes.
doppler
87
Bonjour,
De mon côté j’ai rien qui s’affiche dans la partie TinyMCE settings de drupal !!!
Existe t-il des problème de compatibilité. J’utilise drupal 5.2
Merci
jayjay1977
71
Voici ce qui m’a permis de résoudre ce dysfonctionnement. http://groups.drupal.org/node/4114 ?destination=node%2F4114
A+
Jérôme
jayjay1977
71
Pour moi le problème venait des changement d’URL de i18 SOlution toute bête ici : http://drupalfr.org/node/1564
flatcat
10
Bonjour, je suis en train d’installer TinyMCE, je trouve ça pas très pratique donc j’ai fais un zip avec tout à l’interieur.
On pourrait appeler ça Tinymce-Pour-Drupal-FR-EN j’ai mis les fichiers de traduction fr pour tinymce.
Je me disais que ça pourrait en intéresser plus d’un.
Alors la question c’est à qui je le donne ou comment je fais pour partager ce fichier Zip.
http://www.e.lito.fr
lito
3
bonjour, j’utilise Drupal 6.xx
le DrupalBreak ne fonctionne pas, ni l’option «richtext format».
j’ai bien ajouté dans plugin_reg.php les 2 lignes concernant drupalBreak : $plugins[‘drupalbreak’] = array() ; $plugins[‘drupalbreak’][‘theme_advanced_buttons3’] = array(‘drupalbreak’, ‘drupalpagebreak’) ; uploadé le plugin dans modules/tinymce/jscripts/tiny_mce/plugins. dans la configue l’option apparaît bien, mais je n’ai pas les boutons. quelqu’un peut il m’aider.
stefan93
12
D’après http://drupal.org/project/tinymce , il est maintenant suggéré d’utiliser Wysiwyg API (http://drupal.org/project/wysiwyg). Testé et ça marche bien ! Accessoirement, on peut aussi installer d’autres éditeur FCKeditor notamment (mais je n’ai pas testé cette possibilité).
jpgdrupal@drupal.org
5
modification
merci ! __ apprendre <-> apprendre
merci ! __ apprendre <-> apprendre
Mikadiou
3