Ajout de boutons dans l'éditeur de messages

[-Méphisto-]

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)


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.

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.

[-Méphisto-]

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

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

[-Méphisto-]

Up

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

[demeter1]

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.

[-Méphisto-]

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)

Up

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

[-Méphisto-]

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

[Omuey]

Bonjour,
grâce au message d'Ea (WWW), j'ai su un peu modifier le code pour qu'elle soit adaptée à cette demande

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.

[-Méphisto-]

Oh merci merci, je suis fou de joie !!!!

[Omuey]

De rien ^^
Passe une bonne soirée

[-Méphisto-]

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

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.

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

Si oui, comment ?

[Omuey]

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

[Fenring]

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?

[Omuey]

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 ?

[-Méphisto-]

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.

[Omuey]

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);
}

[-Méphisto-]

Yep, ça marche !!!!

Merci beaucoup Omuey

[Omuey]

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

[Anzu]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif

[-Méphisto-]

Encore merci