Vous voulez autoriser vos lecteurs à mettre en forme leurs commentaries, avec une jolie interface WYSIWYG ? Il existe, pour WordPress, un excellent plugin qui fait cela : WP YUI Rich Text Editor. Ce plugin améliore – si vous le souhaitez l’interface d’écriture de WordPress – ainsi que la section des commentaires. Description et mode d’emploi pour l’installation.

J’ai toujours eu envie de permettre aux commentateurs de mon blog politique (Expression Libre) de poster des commentaires longs, mais en évitant que cela se transforme en un long pavé de texte difficilement lisible, et indigeste. Pour cela, un seul remède : utiliser les listes, mettre l’accent sur certains mots en les mettant en gras ou en les soulignant. Autant sur un blog de geek, il est facile de demander aux lecteurs d’utiliser des balises html (généralement, ils connaissent ça mieux que moi), autant sur un blog politique, c’est un peu limite.

Editeur de billet graphique : WP YUI Rich Text Editor

J’ai finalement réussi à trouver un plugin : WP YUI Rich Text Editor. Ce plugin modifie l’interface d’édition des billets par défaut de WordPress pour la transformer en un véritable éditeur graphique WYSIWYG. Personnellement je n’utilise pas l’éditeur enrichi, aussi je ne reviens pas sur cette fonction du plugin (il suffit d’activer l’utilisation de l’interface graphique de WordPress pour cela, dans la section Utilisateurs). Je décris ici en détail la manière d’utiliser cet éditeur dans la section commentaire, ce qui était mon but initial. Je précise que j’ai testé cela avec plusieurs thèmes, et que ça ne marchait pas avec tous les thèmes. Actuellement, cela fonctionne sur mon blog politique qui utilise le thème WP « Tapestry ».

Mode d’emploi

Voilà le mode d’emploi pour utiliser WP YUI Rich Text Editor dans votre section commentaire.

1. Téléchargez le plugin WP YUI Rich Text Editor
2. Installez-le dans le dossier « wp-content/plugins/
3. Activez-le dans la section plugin de votre interface d’administration WP
4. Si vous voulez l’utiliser pour écrire vos billets, il suffit de cocher la case « utiliser l’éditeur graphique » dans la section « utilisateurs »
5. Il faut ensuite modifier votre fichier « wp-config.php » pour autoriser un peu plus de HTML sur votre blog. Le code à copier en bas de votre fichier « wp-config.php » se trouve sur la page du plugin.
6. Pour activer le plugin dans la zone de commentaires, il faut aller dans la section de gestion des plugins de votre blog, et modifier le code du plugin WP YUI Rich Text Editor. Au début du code, il faut remplacer la ligne :

   $rte_comments = false;

   par :

   $rte_comments = true;

7. Ensuite, c’est une histoire de paramétrage du plugin, pour que l’éditeur visuel désormais disponible pour les commentaires affiche les boutons que vous voulez. J’ai pas mal galéré avec ce point, et c’est l’auteur qui, très gentiment, a répondu à mon mail, et m’a indiqué la marche à suivre. Il faut aller modifier le fichier suivant :

   <site root>/wp-content/plugins/yuirte/yuirte_comments.js

   en remplaçant intégralement le code contenu entre les crochets de :

   buttons : [
   ]

   par le code suivant :

   { type: 'push', label: 'Bold', value: 'bold' },
       { type: 'push', label: 'Italic', value: 'italic' },
       { type: 'push', label: 'Underline', value: 'underline' },
       { type: 'separator' },
       { type: 'select', label: 'Arial', value: 'fontname', disabled: true,
           menu: [
               { text: 'Arial', checked: true },
               { text: 'Arial Black' },
               { text: 'Comic Sans MS' },
               { text: 'Courier New' },
               { text: 'Lucida Console' },
               { text: 'Tahoma' },
               { text: 'Times New Roman' },
               { text: 'Trebuchet MS' },
               { text: 'Verdana' }
           ]
       },
       { type: 'spin', label: '13', value: 'fontsize', range: [ 9, 75 ], disabled: true },
       { type: 'separator' },
       { type: 'push', label: 'Create an Unordered List', value: 'insertunorderedlist' },
       { type: 'push', label: 'Create an Ordered List', value: 'insertorderedlist' },
       { type: 'separator' },
       { type: 'push', label: 'HTML Link CTRL + SHIFT + L', value: 'createlink', disabled: true }

8. Le tour est joué ! Vous devriez normalement voir apparaitre dans votre section commentaires quelque chose qui ressemble à ça :
   

J’espère que ce mode d’emploi vous sera utile, et que l’installation fonctionnera chez vous ! Merci de me faire un retour si vous utilisez aussi ce magnifique plugin qu’est WP YUI Rich Text Editor !