Configurer un éditeur WYSIWYG

Contributeurs

Statut du tutoriel : 

À jour

Catégorie du tutoriel : 

Niveau du tutoriel : 

Modules utilisés : 

1) activer les bons modules
Se rendre à admin/build/modules et activer "CKeditor" et "IMCE"

2) gérer les droits d'accès
Se rendre à admin/user/permissions et cocher la case "accéder à ckeditor" pour tous les utilisateurs authentifiés.

3) configurer IMCE :
IMCE permet d'ajouter du contenu de type image par exemple directement dans les zones de textes gérés par l'éditeur.
Se rendre à admin/settings/imce et assigner le profil déjà existant "Sample Profil" aux utilisateurs du site : il suffit de choisir "Sample Profil" dans la liste déroulante de la ligne "authentificated user" et d'enregistrer cette configuration en cliquant sur le boutton en bas .
Il est également possible de modifier le profil (changer les extensions autorisées, les quotas des utilisateurs, les endroits où sont stockés les fichiers uploadés, etc)

4) configurer CKEditor
CKEditor est un éditeur WYSIWYG très complet et très configurable. Nous vous proposons une configuration de base, ne pas hésiter à l'adapter à ses besoins !
Se rendre à admin/settings/ckeditor.
Les profils permettent d'associer un rôle d'utilisateur à une configuration de l'éditeur.
Cliquer sur "modifier" en face d'un profil (par exemple profil advanced).

Cliquer sur "Paramètres de base" et cocher les rôles à associer à ce profil.

Inutile de cliquer sur "Sécurité" (sauf pour une configuration avancée).

Inutile de cliquer "Paramètres de visibilité" pour le moment (on y trouve des options pour choisir si afficher l'éditeur dans certaines zones du site)

"Apparence de l'éditeur" permet de configurer quelques options d'affichage (peut être laissé tel quel)

"Nettoyer et afficher" pourra être utilisé ultérieurement : on définit des options de mise en page, notamment ce qui se passe lorsqu'on va à la ligne en tapant sur la touche Entrée

Dans "CSS", dans le premier menu déroulant, choisir "Défaut de CKEditor"
puis, dans le second menu déroulant, sélectionner encore "Défaut de CKEditor"

Dans "Paramères de l'explorateur de fichiers", choisir IMCE dans le premier menu déroulant

Cliquer sur enregistrer.

5) configurer le format d'entrée du site
Cette partie permet de bien indiquer à Drupal comment traduire ce que l'on voit dans l'éditeur en langage affichable sur le net.

Il faut alors faire une distinction entre deux types d'utilisateurs : les utilisateurs de confiance, et les autres. Les premiers pourront utiliser la pleine possibilité de CKEditor, alors que les seconds seront légèrement restreints, pour des raisons de sécurité.
Aller à admin/settings/filters (Administrer > Configuration du site > Formats d'entrée )
Configurer Full HTML : dans rôles, cocher uniquement les rôles correspondant à des utilisateurs de confiance. Enregistrer
Puis, cocher Filtered HTML et sur le bouton pour définir comme format par défaut
Cliquer sur "configurer" en face de "Filtered HTML", puis sur l'onglet "Configurer".
Dans la liste des balises html autorisées, écrire la liste suivante :

<a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol>
<li> <dl> <dt> <dd> <table> <caption> <tbody> <tr> <td> <em> <b> <u> <i> <strong> <del> <ins>
<sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <param> <strike> 

6) utiliser :)
créer un contenu et profiter de son tout nouveau tout beau éditeur WYSIWYG