Ajouter des boutons de mise en forme dans l'éditeur de message

[Alchimériste]

Bonjour les actifs.

Voilà, je sais qu'il existe des scripts (je ne maitrise pas Java) divers pour ajouter des fonctions à l'éditeur de message. On ajoute le code depuis le PA dans la section script etc (par exemple astuce forumactif pour ajouter le bouton "sauvegarder").

Mais moi je voudrais savoir (si quelqu'un sait le faire), comment avoir un code de base que je pourrais donc modifier et qui permettrait d'ajouter un bouton à cet endroit (éditeur de message donc). Sa fonction sera de remplacer une balise précise (par exemple soit existante comme [i] soit inventée par l'admin comme [notes] ) par un style spécifique que j'aurais préalablement inscrit dans ma feuille de style CSS.

Je sais créer des balises personnalisées (par exemple [notes] [/notes] ) qui se réfèrent ensuite à un style CSS mais je voudrais que le bouton existe dans l'éditeur de texte afin de simplifier la tâche des utilisateurs plutôt que taper la balise à la main (d'autant que sans bouton ils ne savent pas que la balise existe).

En plus cours, en fait comment ajouter un bouton dans cet éditeur?

Est-ce possible?
Merci d'avance quelque soit la réponse.

[Ea]

Bonjour,


Ici il y a le moyen d'ajouter des boutons à Autres.
Par contre pour changer le [notes]texte[/notes] en html, il faudrait soit utiliser l'astuce ici, soit faire un script qui remplace dans le contenu du message les [notes] par l'équivalent html juste au moment de l'envoyer ( il faudra que le html soit activé ).

[Alchimériste]

Ces liens sont excellents je devrais réussir quelque chose...normalement même si ça marche pas encore ^^ je dois trouver ce qui va pas mais Merci


J'utilisais la censure (sans le script java, juste vec l'option présente dan le PA) pour en effet déjà créer mes propres balises mais les utilisateurs du forum (même en faisant tourner une newsletter ou une annonce) n'avait pas toujours conscience de l'existence de nouvelles balises mais avec ces liens donnés je crois que ça va arranger les choses si je peux créer une option dans l'éditeur.

Merci d'avance.
Si je peux aider à mon tour pour quoi que ce soit (graphisme/design surtout) contactez moi par MP, je ne sais comment vous remercier autrement pour le temps que vous prenez gratuitement avec nous (et par expérience je sais que parfois c'est fatiguant de voir tant de questions posées mille et une fois) ^^

EDiT:

Excusez-moi par avance pour la question qui peut paraitre idiote mais il est dit de garder toujours la syntaxe suivant lorsque nous voulons ajouter nos propres expressions:

Code:

  ["type de remplacement",/expression à chercher/,"par quoi on la remplace"],

Mais si l'expression contient déjà un slash "/" comme par exemple [/NOTE] ça ne va pas faire un bug? De même pour les guillemets à "notes" ça ne va pas provoquer de bug?

Code:

  ["text",/[/NOTE]/,"<div class="note">"],

[Ea]

Les caractères [ ] ? . / ( ) * $ ^ { } à l'intérieur de /recherche/ sont spéciaux ( et il faut mettre \ devant pour pouvoir les utiliser ).


Cela a été effacé sur le tutoriel ( à cause d'un problème de \caractère qui se faire remplacer par caractère à l'envoi, mais sur le script il y a la bonne expression avec l'exemple pour wiki : http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=55#p55

Il suffit de remplacer les 2 wiki par notes puis de mettre en remplacement '<div class="note">$1</div>' ( et sinon l'exemple expliqué avec l'iframe est un cas pareille aussi ( juste un peu plus compliqué car il y a 3 paramètres ).

[Alchimériste]

Merci beaucoup encore une fois, je comprends mieux, ce détail m'avait échappé ..tout ce ceci fonctionne vraiment, c'est même puissant comme script de censure (le mot n'est pas approprié tellement l'on peut exploiter ceci de façons plus larges que la censure).

Je crois que cette fois c'est résolu (presque, pas tout à fait en fait mais à ce stade j'ôse plus rien demander ^^ ...en fait la modification se fait bien mais seulement à l'écran lors de l'affichage, pas dans le texte lui même ce qui fait que le message posté ne se forme pas en HTML mais affiche les balises HTML..je vais chercher ^^)

Merci encore pour ce tuto, le travail autour de celui-ci et tout.
Bonne journée