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.

    Publié dans Blog
    En ligne depuis le 18 septembre
    Share |

    Partagez des informations à propos de cet article !

    Pour toute question technique, merci de laisser un commentaire clair et précis en informations.

    1. 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.

    2. je pensais pas que placer des Smilley sous WordPress serais aussi laborieux. bon vais aller voir chez Woo si ils ont une solution

    3. 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

    4. 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 ?

    5. 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:

    6. Bien sympa ce textarea avec smiley, existe t’il une version standart intégrable sur tout les site php et pas seulement sous wordpress ? :!: :idea:

    7. +1 Chaussures addidas

      C’est vrai que ce serait sympa ! Tout le monde n’utilise pas (encore!) WordPress !

    8. Pas du mal et déjà mis en place sur mon blog :p

      Par contre, savez vous si il existe quelque chose de similaire pour un simple textarea d’un page web?

      Merci

    9. Bonsoir

      Pas mal , je sent que je vais le tester !!! :idea:

    10. 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

    11. @ 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 :)

    12. 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.

    13. @ 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 :)

    14. Bonjour,

      avez vous insérer le code?

    15. Soucis aussi de mon côté…
      Les smileys sont bien présents mais ne veulent pas s’insérer lors du clic.
      Une solution ? :)

    16. Brutal ton thème a des souci,la sidebar se met sous ton texte,pour exemple http://kaporal.brutal.free.fr/web/?p=64 pourquoi footer n’apparaît pas ?
      As-tu la Version 0.9.1 du 25 Juin 2009 ???
      http://themeshift.com/destyle/

    17. brutal

      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.

    18. 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.

    19. 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.

    20. Bonjour,
      Dans votre fichier comments.php
      dommage que vous ne donnez pas l’adresse de votre site.
      http://code4fun.org/c4f-textarea-toolbar/#c4ftt-installation

    21. brutal

      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 ?

    22. 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é

    23. il fonctionnait avant,je n’ai rien fait.
      je clique sur les boutons et rien ne se passe.

    24. Ce plugin n’a pas l’air de vouloir fonctionner sous WP2.8.
      Il fonctionnait très bien sous Wp2.7..1 mais depuis la mise à jour plus rien.

      • 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 ?

    25. 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

      • 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 de l’extension, soit comme dit sur le forum tu modifie le fichier functions.php

    26. 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

    27. [...] Tenez-vous informés de toutes nos astuces WordPress, sur le Référencement et sur l’actu High-Tech. Rejoignez ainsi nos 343 abonnés. TDO Mini Forms (fr) vous permet très facilement de créer une page pour que les visiteurs de votre blog peuvent vous… C4F Textarea Toolbar est une extension wordpress très intéressant puisqu’il permet d’ajouter des b… [...]

    28. 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(); ?>

    29. [...] ! Le second tout frais c’est TinyMCEComments C4F Textarea Toolbar trouvé sur geekeries.fr : une barre d’édition pour écrire des mots en gras, les souligner etc. bref un peu de mise [...]

    30. Message précédent obsolète, j’ai trouvé. Désolée pour le dérangement :!:

    31. 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 !

    32. D’accord ! Donc tout va bien :P
      A+

    33. 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:

    34. Tu a un aperçu de ces erreurs ?

    35. 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!

    36. 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 de l’extension (dans le panel admin) Il y a « Show Crédits » (un truc dans le genre)

      Voilà ;)

      • Joe

        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.

        • Joe as-tu essayé avec le thème par défaut ainsi tu seras si c’est le thème qui cause problème.
          Peut être aussi conflit entre plugin.

        • Joe

          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 =/

    37. 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!! :)

    38. @winsa: Nop désolé, je n’est pas de Twitter :| Mais j’ai Jaiku ou Gtalk :eek:

    39. Je me permet de te relaisser un message pour savoir si tu as un Twitter ? :)

    40. Oki, bah je les ai remplacer et j’ai plus qu’a désactiver Smiley-Switcher dans ce cas ! :x

    41. 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:

    42. 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

    43. 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. ;)

    44. Kumo

      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 ! :)

    45. @jisee: Oh, m’en parle pas… horrible ce plugin (ce n’est que mon avis, bien sûr) Mais celui que je présente est vraiment bien, et très personnalisable :cool:
      @djipe: Merci à toi :P

    46. djipe

      Merci pour l’info et bravo pour votre Blog : J’ADORE :idea:

      ps : vive WordPress :cool:

    47. @Valentin: oui j’ai vue enfin une alternative simple au si bugé Tiny-Mce Comment

    48. @jisee: Sa fonctionne parfaitement ;)
      @Kumo: ThX ;) Si tu a quelques minutes après avoir lus l’article, il y a un module pour signaler les erreurs ;)

    49. Ce blog est génial, mais le nombre de fautes d’orthographe à chaque post est affligeant !!
      Un petit effort ne ferait pas de mal !!
      Vendre/Vendu !

      ;)

    50. Bon je teste alors :
      Gras
      italique

      on ne peut tromper 1000 fois 1000 personnes euh non on peut tromper 1000 fois une personne mais on ne peut euhh….

      Sudo apt-get upgrade
      Titre du jour
      Le meilleur blog du monde







    who's online