Ajout de boutons dans l'éditeur de messages

5 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- Dim 16 Juin 2013 - 19:58

Bonjour.

Est-il possible d'avoir deux liens de plus  dans la fenêtre d'écriture (que ce soit en réponse rapide ou réponse normale), quitte à supprimer des boutons dont je n'aurai aucun usage (date, heure, flash) ?

Comme je gère un forum pédagogique, ce serait un lien vers un dictionnaire des synonymes, un conjugueur, et surtout un vers le Bonpatron (un correcteur d'orthographe qui rappelle juste les règles en cause dans des erreurs détectées)

http://bonpatron.com/
http://www.synonymes.com/
http://dictionnaire.reverso.net/



Soit sous forme de simple lien "Synonymes" et "Bonpatron" ou mieux encore, sous forme de lien boutons/icône, un appelé "D"(pour dictionnaire) , un "S" (synonymes), et un autre appelé "BP" (Bonpatron) par exemple, le sens apparaitrait en entier au passage du curseur) Smile


Les deux plus importants pour eux seraient Bonpatron (bien visible) et synonymes.

Quitte à supprimer des boutons moins utiles, mais sans obligation. Pour un gain de place, surtout en réponse rapide, le mieux serait par la suite que certains de ces boutons moins utilisés se trouvent dans un menu déroulant, comme avant quand il y avait "Autres", afin que la fenêtre "réponse rapide" soit moins encombrée, même avec ces rajouts. Ajout de boutons dans l'éditeur de messages Icon_smile

J'espère que c'est à nouveau possible de les rajouter, comme c'était le cas avec l'ancien éditeur.

Merci d'avance à ceux qui se pencheront sur la question. Wink


Dernière édition par -Méphisto- le Jeu 27 Juin 2013 - 19:09, édité 1 fois
-Méphisto-

-Méphisto-
Membre habitué

Messages : 1889
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- Dim 16 Juin 2013 - 20:18

Heu, je viens de poster le topic il y a quelques minutes et il a déjà plus de 1660 vues Shocked

Soit c'est un bug, soit le sujet intéresse plein de monde Shocked
-Méphisto-

-Méphisto-
Membre habitué

Messages : 1889
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- Mar 18 Juin 2013 - 16:25

Up bounce

Même si ce n'est que pour mettre le lien sans bouton.
-Méphisto-

-Méphisto-
Membre habitué

Messages : 1889
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par demeter1 Mar 18 Juin 2013 - 16:46

Bonjour Mephisto, je pense que le topic doit intéresser pas mal de monde. A titre perso, je dois réinstaller 5 boutons avec liste déroulante. J'ai beau écumer les divers topics en relation avec l'ajout de nouveaux boutons mais rien ne correspond à ce que je recherche.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- Mer 19 Juin 2013 - 20:42

Oui,  je pense en effet que nous sommes très nombreux à être intéressés (en témoigne le grand nombre de vues sur ce topic avant même qu'il y ait une réponse)

-Méphisto- a écrit:Up bounce

Même si ce n'est que pour mettre les liens sans bouton.

Smile
-Méphisto-

-Méphisto-
Membre habitué

Messages : 1889
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- Jeu 20 Juin 2013 - 18:39

Voici les liens que j'avais en plus dans viewtopic body, et qui me mettait des liens en plus dans la fenêtre d'écriture ...

Je les ai mis à la fin du nouveau script (ils étaient quelque part avant la fin), mais en publiant, c'est comme si je n'avais rien ajouté ... :no

Est-ce à dire que les codes ne fonctionnent plus avec ce nouvel éditeur ?
Ou alors qu'il faut les placer à un endroit précis ?

Code:

<!-- les liens ajoutés --> <a
href="http://bonpatron.com/" target=_blank style="
font-size:10px;color:#000000;"><b>Bonpatron</b></a>

  <a href="http://www.synonymes.com/" target=_blank style="
font-size:10px;color:#000000;"><b>Synonymes</b></a>
  <a href="http://www.linternaute.com/encyclopedie/" target=_blank
style="
font-size:10px;color:#000000;"><b>Dico</b></a>
 <a href="http://www.babelweb.be/babel.acgi$Spc_fr" target=_blank
style="
font-size:10px;color:#000000;"><b>répétitions</b></a>
 <a href="http://kay-smiley.info/index.htm" target=_blank style="
font-size: 10px;color:#000000;"><b>Smileys</b></a>
<!-- fin des liens ajoutés -->
-Méphisto-

-Méphisto-
Membre habitué

Messages : 1889
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey Ven 21 Juin 2013 - 16:33

Bonjour,
grâce au message d'Ea (WWW), j'ai su un peu modifier le code pour qu'elle soit adaptée à cette demande Smile
Code:
function clicediteur(lienediteur)
{
window.open(lienediteur);
}



$(function(){$(function(){
 
  $('<a class="sceditor-button sceditor-button-dico" unselectable="on" title="Dictionnaire"><div unselectable="on" style="background-image:url(http://2img.net/i/fa//i/smiles/star3.png)">Dictionnaire</div></a>').insertAfter('.sceditor-button-time').click(function(){
    $('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://dictionnaire.reverso.net/");
  });
 
})});


$(function(){$(function(){
 
  $('<a class="sceditor-button sceditor-button-syno" unselectable="on" title="Synonymes"><div unselectable="on" style="background-image:url(http://2img.net/i/fa//i/smiles/star3.png)">Synonymes</div></a>').insertAfter('.sceditor-button-dico').click(function(){
    $('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://www.synonymes.com/");
  });
 
})});


$(function(){$(function(){
 
  $('<a class="sceditor-button sceditor-button-patron" unselectable="on" title="BonPatron"><div unselectable="on" style="background-image:url(http://2img.net/i/fa//i/smiles/star3.png)">BonPatron</div></a>').insertAfter('.sceditor-button-syno').click(function(){
    $('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://bonpatron.com/");
  });
 
})});

Nouveau code javascript placé sur toutes les pages, donc.
La seule chose qu'il reste à faire, c'est de faire vos 3 images (de préférence de 16px²), de les héberger, et de remplacer les liens "https://2img.net/i/fa//i/smiles/star3.png" par les vôtres.
avatar

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

http://chaudrulle.1fr1.net/
Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- Ven 21 Juin 2013 - 17:38

Oh merci merci, je suis fou de joie !!!! cheers
-Méphisto-

-Méphisto-
Membre habitué

Messages : 1889
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey Ven 21 Juin 2013 - 17:39

De rien ^^
Passe une bonne soirée Smile
avatar

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

http://chaudrulle.1fr1.net/
Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- Ven 21 Juin 2013 - 18:37

En regardant comment se présentaient les codes, j'ai même réussi à créer un nouveau lien pour "Plus de smileys".

Code:
$(function(){$(function(){
 
 $('<a class="sceditor-button sceditor-button-smileys" unselectable="on" title="Smileys +"><div unselectable="on" style="background-image:url(http://2img.net/i/fa//i/smiles/star3.png)">Plus de smileys</div></a>').insertAfter('.sceditor-button-time').click(function(){
    $('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://kay-smiley.info/");
  });
 
})});

Je suis trop content cheers

Je l'ai mis en tête de codes pour voir si je pouvais modifier l'ordre des "étoiles" servant de lien ... Pourtant, alors que j'ai mis ce lien en premier, il se retrouve être l'étoile n°4 et non la première, alors que son code est mis avant celui des autres dans le javascript.scratch

Y a-t-il un moyen de changer l'ordre des liens ? Smile

Si oui, comment ?
-Méphisto-

-Méphisto-
Membre habitué

Messages : 1889
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey Ven 21 Juin 2013 - 18:46

L'ordre d'affichage des étoile ne dépends pas de l'ordre du code ^^
En fait, elle dépend en quelque sorte de la class du lien.
La class de ton bouton que tu viens de créer est " sceditor-button sceditor-button-smileys". Chaque bouton à sa propre class. 
En écrivant "insertAfter('.sceditor-button-time'", on indique qu'on veut que notre bouton soit après celui qui a la class .sceditor-button-time. il n'y a que le "time" que l'on change pour change l'ordre des boutons. 
On peut aussi demander de positionner notre bouton avant un autre, et non après, en remplaçant insertAfter par insertBefore.
Il y a moyen de connaitre la class de chaque bouton en analysant le code source de la page ou, plus rapidement, en utilisant une extension comme Firebug. 

J'espère avoir su t'éclairer Smile


Dernière édition par Omuey le Ven 21 Juin 2013 - 20:22, édité 1 fois
avatar

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

http://chaudrulle.1fr1.net/
Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Fenring Ven 21 Juin 2013 - 19:46

bonjour,quand je copie/colle ces codes dans la gestion des codes javascript,ça m'affiche une page d'erreur "la connexion a été réinitialisée",
quand j'applique une fonction vide pour lui c'est ok,c'est à dire comme ceci:
Code:
function clicediteur(lienediteur)
{
window.open(lienediteur);
}

$(function(){$(function(){

$('#text_editor_textarea').sceditor("instance").onclick=clicediteur("http://dictionnaire.reverso.net/");
})});
 c'est donc bien la partie avec le div qu'il aime pas.
c'est peut-être lié à ce que mon forum est tout nouveau (en phbb2),il y a-t-il des variables qui doivent être entrées avant ce code?
avatar

Fenring
Nouveau membre

Messages : 11
Inscrit(e) le : 18/06/2013

http://testdebidouille.forumactif.org/
Fenring a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey Ven 21 Juin 2013 - 20:00

Bonsoir Fering,
C'est vraiment bizarre que ça ne fonctionne pas sur ton forum ._.
Je doute que ça soit le fait que le forum soit "jeune" qui rende le script inutilisable. Au contraire, il est plus (+) à jour que d'autres vieux forums donc avec (théoriquement) moins de bugs.
Le forum sur lequel j'ai testé le script est sous PHPBB2 aussi, donc normalement, le problème ne vient pas de là non plus.
Pourrais-tu poster le script entier qui ne fonctionne pas et me dire si tu as d'autres scripts modifiés ?
avatar

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

http://chaudrulle.1fr1.net/
Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- Ven 21 Juin 2013 - 20:13

J'ai remplacé vinsertAfter par vinsertBefore pour ce lien, et au lien de ce trouver en premier, plus aucun des liens ajoutés n'apparaissaient. Tous disparus. J'ai donc supprimé le vinsertBefore pour remettre vinsertAfter, et tout est revenu (pas dans l'ordre souhaité, mais c'est l'essentiel).

La fatigue doit commencer à me jouer des tour. Je verrai cela plus tard.

A moins que ma boulette n'ait une explication simple. Embarassed
-Méphisto-

-Méphisto-
Membre habitué

Messages : 1889
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey Ven 21 Juin 2013 - 20:19

Méphisto : Vraiment désolé, c'est moi qui me suis trompé. J'ai fait une faute de frappe que j'ai copié 3 fois x)
Ce n'est pas vinsert mais insert !
ce qui donne donc ceci (le code n'est pas entier, c'est juste la partie avec insert)
Code:
<div unselectable="on" style="background-image:url(http://2img.net/i/fa//i/smiles/star3.png)">Plus de smileys</div></a>').insertBefore('.sceditor-button-bold').click(function(){
Edit : Ah ben je pense que ça bug, en effet. Je teste d'autre codes en même temps donc je ne sais pas dire si mes autres scripts y sont pour quelques choses donc je vais essayer sans les autres codes en tests
Edit² : J'ai trouvé ce qui faisait buguer chez moi, je ne sais pas si c'est le cas chez toi aussi. Il n'y avait pas ces lignes de codes dans le script que tu m'avais fournis (à placer au tout début)
Code:
function clicediteur(lienediteur)
{
window.open(lienediteur);
}
avatar

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

http://chaudrulle.1fr1.net/
Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- Ven 21 Juin 2013 - 20:46

Yep, ça marche !!!! Razz

Merci beaucoup Omuey Smile
-Méphisto-

-Méphisto-
Membre habitué

Messages : 1889
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Omuey Ven 21 Juin 2013 - 20:47

Encore une fois, de rien ^^
N'hésite pas à me recontacter si tu as besoin d'aide Smile
avatar

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

http://chaudrulle.1fr1.net/
Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par Anzu Jeu 27 Juin 2013 - 18:33

Ajout de boutons dans l'éditeur de messages Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Ajout de boutons dans l'éditeur de messages Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Ajout de boutons dans l'éditeur de messages 50378

A bientôt sur ForumActif Smile
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajout de boutons dans l'éditeur de messages

Message par -Méphisto- Jeu 27 Juin 2013 - 19:09

Encore merci Smile
-Méphisto-

-Méphisto-
Membre habitué

Messages : 1889
Inscrit(e) le : 31/08/2007

http://cafet.1fr1.net/
-Méphisto- a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum