Veuillez vous connecter ou créer un compte pour suivre ce topic
Ce topic est suivi par: Alexoune001, Balatharas, coucougael94, Jerem971
Ce topic a été résolu
Auteur Sujet: [TUTO] Configurer la smilebox de WysiBB editor

Balatharas

Messages: 611

Hello, me revoilà pour un nouveau tuto 😋 ! Aujourd'hui je vais vous montrer comment utiliser la smilebox de Wysibb, comme celle-ci:
 

Tuto demandé par @Blast0Kd
Étape n°1 Le bouton:
Alors d'abord on va aller dans le fichier jquery.wysibb.js que vous avez sans doute insérer pour avoir les boutons en français. Vers la ligne 307 (normalement) vous allez avoir smilebox.
Copiez, puis collez a la ligne 307 ceci:
smilebox: {
   title: 'Insérer un emoji',
   subInsert: true,
   type: 'smilebox',
   buttonHTML: '<span class="fonticon ve-tlb-smilebox1">\uE00b</span>'
},
Normalement, dans votre éditeur, le bouton devrait apparaître, mais vous ne pouvez pas cliquer dessus.

Étape n°2 Liste de smileys:
Maintenant, il vous faut aller a la ligne 439 de votre fichier jquery.wysibb.fr.js.
Vous aurez smilelist qui sera masqué par des //. Vous l'aurez compris, démasquez le. Normalement, sur votre éditeur vous pourrez désormais faire apparaître la liste d'emojis, mais vous aurez ceci a la place:


Étape n°3 Affichage:
Pour afficher vos smileys, rien de plus simple, il vous suffit d'adapter ce code:
smileList: [
   {img: '<img src="DossierEmojis/votre_emoji.png/gif" class="sm">', bbcode:"signes a remplacer", title: ''},
],
Je vous laisse adapter le src, ne pas toucher a class, adapter le bbcode, et le title.
Pour ceux qui ne comprennent pas le code (j'en doute mais on ne sait jamais):
  • src = Chemin du smiley
  • class = class CSS définie dans le fichier wysibb.css /!\ Attention ne pas toucher /!\
  • bbcode = correspond au signes devant être remplacés (ex:  sans espace = :' (  ------> 😭)
  • title = petit texte/mot qui apparaît au survol du smiley dans la box
  • titleV2 = vous pouvez mettre: "title:CURLANG.sm1," qui est le titre du smiley 1 défini en haut du fichier:
    //smiles
       sm1: "Sourire",
       sm2: "Rire",
       sm3: "Clin d'oeil",
       sm4: "Merci",
       sm5: "Gronder",
       sm6: "Choc",
       sm7: "En colère",
       sm8: "Douleur",
       sm9: "Malade"
Voilà ! Des questions ?  postez une réponse !
EDIT: Suite a la maj de WysibbEditor il faut maintenant modifier le fichier jquery.wysibb.js et non jquery.wysibb.fr.js
Beignet
Publicité

Jerem971

Messages: 583

Salut 'Beignet' 😉
Continue tes tutoriels, c'est super de ta part ! 😉

Balatharas

Messages: 611

Je pense continuer oui @Jerem971 😋

Blast0Kd

Messages: 61

merci mon petit 😉

coucougael94

Messages: 103

Réouverture...
Comment on fait pour les sprites d'emoticones ?

Balatharas

Messages: 611

Comment ça les sprites d'emoticones ? @coucougael94

konis

Messages: 19

C'est du tok 😷 sa marche pas mon gars 😠

Balatharas

Messages: 611

Si j'ai fait ce tuto c'est parce que la démarche à fonctionné pour moi et des collègues developpeurs. Donc merci de t'expliquer avant de t'énerver @konis

konis

Messages: 19

Montre ton code parce que je vois pas de ligne 307. Sa s'arrête a 72 chez moi

Balatharas

Messages: 611

De quel fichier parles tu ? Si c’est de jquery.wysibb.js ce n’est pas normal

konis

Messages: 19

Ta dit le fichier fr non ?

konis

Messages: 19


Balatharas

Messages: 611

Le fichier fr sers seulement a traduire les boutons ! Il faut modifier jquery.wysibb.js

konis

Messages: 19

Donne le code c'est plus simple
Publicité

Balatharas

Messages: 611

Le code est dans le topic, il faut lire attentivement stp

konis

Messages: 19

Mais stp ta les emojies icons la

Balatharas

Messages: 611

???

Jerem971

Messages: 583

Re:

@konis, si tu veux que @Balatharas et tout le reste de la communauté te comprenne, le mieux c'est de prendre le temps d'écrire et de former tes mots. On est pas sur mobile en langage SMS. Les règles à ne pas oublier.


Vous devez vous connecter ou créer un compte pour poster une réponse