Menu

Textarea Toolbar : Mise en forme des commentaires

C4F Textarea Toolbar est un plugin wordpress très intéressant puisqu’il permet d’ajouter des boutons de mise en forme dans vos commentaires. En effet, une fois activé il ajoute dans vos commentaires des boutons cliquables permettant d’ajouter facilement des smileys, texte en gras/italique et d’autres.

On peut également personnalisé l’emplacement des boutons. Par défaut, les icônes s’afficheront en bas du champ « Commentaire », pour le placé où vous le voulez, insérez le code donné ici.

Vous trouverez un exemple de personnalisation de ce plugin sur Geekeries.fr, au dessus du champ de commentaire.

Allez plus loins

57 réponses

  7. Oui c’est vrai, mais je vais pas corriger l’orthographe à ta place. Si je vois quelque chose de faux dans ton contenu, OK, mais je vais pas devenir prof de français…
    Sa/Ça, allé/aller, etc…

    Sorry, sinon, rien à dire ! :)

    Répondre

  8. Non non, je ne me permettrai pas de te demander de faire le boulot a ma place, mais je te signale juste qu’il existe un module pour me prévenir au cas ou que tu vois une erreur… quelqu’elle soit. ;)

    Répondre

  9. Salut,

    Encore une fois merci pour ce plugin, j’en cherchais justement un similaire. Je l’ai installé, ça fonctionne très bien mais par contre il m’affiche les smiley d’origine et pas ceux fournit avec le plugin WP Smiley Switcher (ceux que tu utilise). Comment faire pour qu’il m’affiche les bons ?

    Merci

    Répondre

  10. Hum, il faut remplacer les smilies d’origine qui se trouve dans le dossier « wp-includes/images/smilies/ »
    Puis sa devrait marcher :P
    Smiley-Switcher, une fois activé, permet en faite de switcher avec les smilies que tu lui donne... et non avec ceux par défaut, ce qui est dommage. :roll:

    Répondre

  14. Coucou Geekeries!!
    Je viens d’installer ce pluggin sur mon blog. Mais alors il est brut de chez brut! J’aimerai, tout comme toi, pouvoir changer les icones et remplacer les bouron gris pas tres sexy par tes boutons de controles comme toi…et puis surtout enlever le powered by…qui aparait trop gros!! Que dois je faire et comment m’y prendre? (heu, une synthèse claire et précise, genre tu mets ce morceau de codes avec ces paramettres la.., me ferait bien plaisir en fait ;)) Merci!! :)

    Répondre

  15. En faite c’est tout simple ^^ le plugin étant très simple. A la ligne 192 du fichier « c4f-textarea-toolbar.php » qui est donc dans le dossier que tu vient de télécharger ;)
    Il y a des « input », c’est les trucs gris tout moche que tu a… il te suffit de remplacer :
    input type= »button » value= »strong » par img src= »Url de l’icône »

    Pour enlever le crédit, c’est dans les options général du plugin (dans le panel admin) Il y a « Show Crédits » (un truc dans le genre)

    Voilà ;)

    Répondre

    1. Salut,
      pas moyen de changer les smileys ou même les gros input, voici le résultat.
      Un conseil ? es ce que justement c’est le thème qui me bloquerais la chose ?

      Merci d’avance.

      Répondre

      2. Oui j’ai essayé avec le thème par défault et ca donne la même chose.
        J’ai ensuite désactiver tous les plugins sauf celui en question et ca me mets toujours la même erreur, le même affichage =/

        Répondre

  16. Merci geekeries pour tes explications, effectivement ce n’est pas très compliqué!! En fait j’ai un conflit avec mon thème et mes images de post sont tous décallées dès que je change mes emoticones par exemple…Mais bon, je me prendrai la tete demain pour essayer de regler ce souci. Merci encore. Bonne nuit!

    Répondre

  17. C’est bon pour les differents soucis que je rencontrais. J’avais un problème de style et d’héritage de class. La, ça fonctionne après quelques modifs au niveau du code :roll:
    A bientôt :cool:

    Répondre

  20. Merci pour ce plugin, je viens de me casser les dents avec TinyMCE Comments qui ne fonctionnent pas avec WP grins :x

    Comment mettre C4F texttoolbar area en haut des commentaires comme toi stp ?
    Merci !

    Répondre
  22. Ping : Daria blogue » Blog Archive » 2 plugins WP installés pour les commentaires

  23. Yep, il est vraiment bien ce plugin, puisque tu peut modifier ses icônes comme tu veut.
    Pour le mettre où u veut il te suffit de modifier un peut ton thème wordpress et d’insérez dans le fichier « comment.php » ce code< ?php C4F_TextareaToolbar(); ?>

    Répondre
  26. Ping : 10 Astuces pour votre blog Wordpress | Geekeries.fr - Astuces Wordpress 2.7, Plugins Wordpress 2.7, Blogging, Référencement, Actualités High Tech
  27. Ping : Mise en forme de commentaires at Shughart IT Technology Blog

  28. Bonjour, :mrgreen: j’essaye désespérément de mettre des smileys personnalisés mais je ne trouve pas l’astuce pour les faire apparaitre comme je veux. Voilà comment je procède : J’ajoute l’image dans le répertoire wp-includes/images/smilies, j’ajoute le code correspondant à l’image dans c4f-textarea-toolbar.php. J’ai même modifié le smilies.js en rajoutant un smiley.
    Il semble qu’il soit nécessaire d’ajouter un tag (comme par exemple : :) ou mrgreen etc…en harmonie avec ce que le codex wordpress nous suggère ici http://codex.wordpress.org/Using_Smilies#What_Text_Do_I_Type_to_Make_Smileys.3F) Mais…..échec total.
    Comment faire pour ajouter un « nouveau smiley » pas simplement remplacer une image existante ?
    :) Merci de votre réponse.
    Pierre

    Répondre

  29. Rebonjour,
    :lol: Youpi !! j’ai trouvé (en m’inspirant des commentaires trouvés ici : http://www.wordpress-fr.net/support/sujet-9850-changement-smileys-defaut-wordpress), mais c’est un peu plus compliqué que prévu.
    Il faut en fait ajouter le smileys dans le fichier wordpress : wp-includes/functions.php.
    Rajouter ce smiley dans le fichier de Textarea Toolbar.
    Puis modifier le fichier smilies.js en ajoutant la référence au smiley.
    Et ça marche….
    :!: Bien sûr ne pas oublier d’archiver le fichier functions.php pour garder les modifs lors d’une prochaine évolution de WordPress.
    Ouf !!! pas trop compliqué mais il faut vraiment fouiner.
    J’ai rajouter ainsi un petit asiatique baissant la tête adapté à mon blog : http://www.horizon-du-vietnam.com/.
    ;) Merci encore pour ce plugin.
    Pierre

    Répondre

    1. Salut Pierre. Justement ce plugin évite de modifier les fichiers sources de WordPress. Pour le faire fonctionne c’est très simple ! Il suffit de copier le code donné ici et de le coller dans le fichier « comments.php » de ton thème.

      En effet, pour changer les smileys il faut les remplacer (wp-includes/images/smilies/) Pour en ajouter, soit tu édite le fichier du plugin, soit comme dit sur le forum tu modifie le fichier functions.php

      Répondre

    1. Il fonctionne très bien sur WordPress 2.8, essaye de le désactiver, de le supprimer de ton répertoire et de le re installer. Tu a quoi comme erreur ?

      Répondre

  32. laisse tomber je viens d’avoir une idée qui m’a traversé l’esprit,si c’était le thème,et oui avec le thème par défaut cela fonctionne,c’est le thème Arras qui bloque.
    Désolé

    Répondre

  33. Bonjour, moi je n’arrive pas à le faire fonctionner… :( quand je clique sur les boutons cela n’ajoute rien dans la zone de texte. Comment faire ?
    La ligne en php est à ajouter à quel endroit svp ?

    Répondre

  35. Voila mon site, excusez moi. Par contre il n’est pas finit du tout…
    Pour le plugin je n’y arrive toujours pas… Les boutons s’affichent mais lorsque je clique dessus les balises ne s’insère pas dans les com’s.

    Répondre

  36. donc après vérification c’est sur mon thème que ça ne fonctionne pas. Sur un autre ça marche. Comment faire ? J’espère que quelqu un aura la soluce.

    Répondre

  37. c’est bon j’ai réussit, donc la solution était de changer la ligne (le textarea) par celle d’une version ou ça marche. J’ai donc mis cette ligne,
    Et c’est parfait !! Il me plus qu’a faire des modifications. Désolé des commentaires de suite… Merci en tout cas a Lupi.

    Répondre

  41. @ Lupi : Oui, j’ai bien inséré le code suivant dans mon fichier comments.php là où je souhaitais placer la toolbar :
    En fait ce n’est pas un problème d’affichage puisqu’ils sont visibles mais plutôt d’insertion car il ne se passe rien lorsqu’on clique dessus.
    Petite précision peut-être utile, je suis toujours sur la version WP 2.7.
    Si vous ne voyez pas, tant pis ce n’est pas grave :)

    Répondre

  42. j’ai bien compris j’avais le même souci avec le thème Arras,l’affichage était correct mais les smileys étaient inactives.
    Avec le thème par défaut c’est pareil ?
    WP 2.7 et non Wp2.7.1 ?
    Je ne pense pas que ce soit un problème de wordpress mais plutot de thème.

    Répondre

  43. @ Lupi : Ce doit en effet être un problème de thème…
    Pas grave, je m’abstiendrai de le mettre. Un autre plugin à conseiller ?
    Merci de vos réponses en tout cas :)

    Répondre

  44. Bonjour,

    Comment mettre facilement des H2 et H3 dans le texte ?
    Sur Dotclear, je peux surligner un sous-titre et choisir le style H2 dans un bouton au dessus du texte,
    Y a t il une extension WP qui ajoute cette fonctionnalité ?

    Ou peut etre ajouter cette fonctionnalité dans une extension existante.

    Merci

    Répondre

  49. Bon je post ici car c’est l’un des nombreux articles qui m’a permis de créer un blog correct, bref
    Merci pour tout Valentin, et bon courage pour la suite :cool:

    Répondre

  50. Salut bon sur un Whoo thème j’ai le meme soucis que Sylvanusse.
    j’ai les smilley qui s’affiche mais en dessous de la box et non cliquable. j’ai tester de placer le code un peu partout ca n’a rien donné.

    quelqu’un a régler ce soucis depuis ?

    Répondre

  51. j’ai réussit à mettre la ligne de smiley en haut
    pfiouu
    par contre sont moches les smiley d’origine
    comment ont peut les changés?
    ça j’ai pas encore trouvée de réponse

    Répondre

  52. moi j’ai enlever les smiley d’origine et mis des que j’avais télécharger
    car tout les trucs pour swicher les smiley ou autre ça na pas voulu fonctionner.
    Après si je trouve une autre solution je verrai, pour le moment j’ai fait ça.

    Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

revenir sur geekeries.fr
Obtenir Elementor Pro
Nos contenus
Nos Partenaires
👋 Hello, Pour maintenir ce service gratuit, nous recevons des commissions d'affiliation via certains de nos liens