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

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

Beignet
Publicité

Jerem971

Messages: 554

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

Balatharas

Messages: 600

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

Comment ça les sprites d'emoticones ? @coucougael94

konis

Messages: 0

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

Balatharas

Messages: 600

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

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

Balatharas

Messages: 600

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

konis

Messages: 0

Ta dit le fichier fr non ?

konis

Messages: 0



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