Créer des BBCodes

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

Résolu Créer des BBCodes

Message par Flaura le Août 23rd 2014, 8:08 pm

Bonjour, 

est-il possible de créer un nouveau BBCode (en partant du html) et de le mettre sur l'éditeur quand on poste un message sur le forum?


Dernière édition par Lucariaura le Septembre 4th 2014, 8:03 pm, édité 1 fois
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Août 24th 2014, 8:18 pm

UP, merci de répondre.
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Août 26th 2014, 9:12 am

UP!
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par FANCH 56 le Août 26th 2014, 9:32 am

Bonjour

Tape BBcode dans les champs de recherches de FA, et tu trouveras peut-être la réponse.
avatar

FANCH 56
Membre actif

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Août 26th 2014, 12:41 pm

Voici tout ce que j'ai trouvé: http://forum.forumactif.com/t361810-ajouter-son-propre-bbcode
Et il se trouve que j'ai pas bien compris =S
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Août 27th 2014, 4:18 pm

UP
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Août 29th 2014, 12:10 pm

UP...
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Août 30th 2014, 2:32 pm

UP!
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Septembre 1st 2014, 10:42 am

UP, répondez-moi...
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Septembre 1st 2014, 1:35 pm

Lucariaura a écrit:Voici tout ce que j'ai trouvé: http://forum.forumactif.com/t361810-ajouter-son-propre-bbcode
Et il se trouve que j'ai pas bien compris =S

Qu'est ce que tu entends par "Je n'ai pas compris" ^^ ?
Tu as essayé et ça ne marche pas ?
avatar

[Nihil]
Membre habitué(e)

Messages : 1191
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Septembre 1st 2014, 3:00 pm

Je n'ai pas compris ce dont ils parlaient...
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Septembre 1st 2014, 10:23 pm

Ok, as tu un exemple de ce que tu voudrais mettre en place comme bbcode remplacé par du html ? Smile
avatar

[Nihil]
Membre habitué(e)

Messages : 1191
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Septembre 2nd 2014, 11:34 am

Un cadre noir avec une bordure verte claire avec l'écriture à l'intérieur en blanc.
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Septembre 2nd 2014, 1:30 pm

En fait, je voulais savoir si tu pouvais me fournir :

Le bbcode à chercher par exemple :
Ici "Message d'exemple" c'est le contenu.
Code:
[avertissement]Message d'exemple[/avertissement]

Le HTML par quoi il faut faudra remplacer, on peut imaginer ça par exemple :
Code:
<div class="avertissement">
    <h2>Avertissement</h2>
    <p>Message d'exemple</p>
</div>

Comme ça on va l'adapter directement à ton code Wink
avatar

[Nihil]
Membre habitué(e)

Messages : 1191
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Septembre 2nd 2014, 8:49 pm

Ah,
je m'excuse mais je ne m'y connais pas trop en HTML... Cependant, voici le message d'exemple:
Code:
[explorateurs][/explorateurs]
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Septembre 3rd 2014, 12:31 pm

Ok, donc le message qui nous intéresse c'est celui ci

@Ea a écrit:
Code:
$(function() {
 
  var pattern = /\[gal\](.*?)\[\/gal\]/g;
  var replacement = '<div class="gal">$1</div>';
 
  $(window).bind("load", function() {
    setTimeout(function() {
      $("div.postbody div" + ($("body#phpbb").length ? ".content div" : $("#ipbwrapper").length ? ".post-entry div:not(.clear)" : $("#pun-foot").length ? ".entry-content div div:not(.clear)" : "")).each(function() {
          pattern.test($(this).html()) && $(this).html($(this).html().replace(pattern, replacement))
      });
      // maintenant vous avez des éléments <div class="gal">...</div> à la place des [gal]...[/gal]
      $("div.gal").each(function(){
        // faire ce que vous souhaitez avec le contenu
        $(this).text("---]] "+$(this).text()+" [[---");
      });
    }, 600)
  })
});

Il y a toute partie que tu peux ne pas prendre en compte :
Code:
      // maintenant vous avez des éléments <div class="gal">...</div> à la place des [gal]...[/gal]
      $("div.gal").each(function(){
        // faire ce que vous souhaitez avec le contenu
        $(this).text("---]] "+$(this).text()+" [[---");
      });

La partie avec le bbcode est ici :
Code:
var pattern = /\[gal\](.*?)\[\/gal\]/g;
var replacement = '<div class="gal">$1</div>';

Le bbcode c'est ça :
Code:
[gal][/gal]
Et ensuite en HTML est remplacé par :
Code:
var replacement = '<div class="gal">$1</div>';

Toi tu voudrais ceci :
Code:
var pattern = /\[explorateurs\](.*?)\[\/explorateurs\]/g;
var replacement = '<div class="explorateurs">$1</div>';

Le code javascript total devrait donc donner :
Code:
$(function() {
 
  var pattern = /\[explorateurs\](.*?)\[\/explorateurs\]/g;
  var replacement = '<div class="explorateurs">$1</explorateurs>';
 
  $(window).bind("load", function() {
    setTimeout(function() {
      $("div.postbody div" + ($("body#phpbb").length ? ".content div" : $("#ipbwrapper").length ? ".post-entry div:not(.clear)" : $("#pun-foot").length ? ".entry-content div div:not(.clear)" : "")).each(function() {
          pattern.test($(this).html()) && $(this).html($(this).html().replace(pattern, replacement))
      });
    }, 600)
  })
});

Ensuite dans le CSS tu n'as plus qu'à mettre le style que tu veux :
Lucariaura a écrit:une bordure verte claire avec l'écriture à l'intérieur en blanc
Code:
.explorateurs {
    border: 1px solid #2ecc71; /* bordure verte */
    color: white; /* texte en blanc */
}
avatar

[Nihil]
Membre habitué(e)

Messages : 1191
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Septembre 3rd 2014, 1:26 pm

Merci, mais ça ne marche pas.
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Septembre 3rd 2014, 1:39 pm

"Ca ne marche pas" c'est un peu vague pour trouver le problème Mr. Green

Pourrait tu fournir le lien d'un sujet de ton où tu mets ceci en place ? Il faut que ce sujet soit visible pour les invités Wink
avatar

[Nihil]
Membre habitué(e)

Messages : 1191
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Septembre 3rd 2014, 3:15 pm

Ah non, c'est bon, mais quand je fais la prévisualisation ça ne marchait pas, en fait. Voilà le lien du sujet: http://pokemondracaufeu.forumactif.com/t6-topic
le problème c'est que ça met un peu de temps à s'afficher, on a le temps de voir quel était le BBCode, y a-t-il un moyen de régler ça?
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Septembre 3rd 2014, 3:30 pm

Pour les endroits où ce javascript est activé, tu as coché quoi comme pages ?

Pour le temps que cela met, il suffit de lire intégralité du message d'Ea Wink
@Ea a écrit:Et le setTimeout ainsi que le $(window).load sont là parce qu'autrement le script pouvait parfois empêcher le fonctionnement du script de redimensionnement d'image de forumactif.

Tu peux remplacer par ceci normalement Very Happy :
Code:
$(function() {
 
  var pattern = /\[explorateurs\](.*?)\[\/explorateurs\]/g;
  var replacement = '<div class="explorateurs">$1</explorateurs>';
 
  $("div.postbody div" + ($("body#phpbb").length ? ".content div" : $("#ipbwrapper").length ? ".post-entry div:not(.clear)" : $("#pun-foot").length ? ".entry-content div div:not(.clear)" : "")).each(function() {
      pattern.test($(this).html()) && $(this).html($(this).html().replace(pattern, replacement))
  });

});
avatar

[Nihil]
Membre habitué(e)

Messages : 1191
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Septembre 3rd 2014, 3:55 pm

Merci ça s'affiche correctement ^^. Tant que j'y suis, comment insérer un bouton sur l'éditeur et quand on clique dessus, on a le BBCode créé ?
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Septembre 4th 2014, 10:14 am

Alors j'ai encore jamais rajouté de bouton dans l'éditeur même si je vois le principe je pense x)
Là j'ai pas encore le temps de me pencher dessus, donc pense à upper régulièrement au cas où, comme ça quelqu'un répondra surement avant moi :p
avatar

[Nihil]
Membre habitué(e)

Messages : 1191
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Créer des BBCodes

Message par Self le Septembre 4th 2014, 1:50 pm

Bonjour,

Ea dans sa première réponse l'a expliqué sur ce sujet : http://forum.forumactif.com/t353027-demande-code-pour-ajout-de-bouton
Pour vous j'imagine que ça donnerait quelque chose comme ça :
Code:
$(function(){$(function(){
   $('<a class="sceditor-button sceditor-button-exp" unselectable="on" title="explorateurs"><div unselectable="on" style="background-image:url(http://illiweb.com/fa//i/smiles/star3.png)">Explorateurs</div></a>').insertAfter('.sceditor-button-fahide').click(function(){
      $('#text_editor_textarea').sceditor("instance").insertText("[explorateurs]","[/explorateurs]");
   });      
})});
avatar

Self
Membre actif

Masculin
Messages : 3718
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Septembre 4th 2014, 7:26 pm

Merci pour cette intervention Self' Smile

Du coup j'vais aller jeter un coup d'oeil à la doc de sceditor moi Mr. Green
avatar

[Nihil]
Membre habitué(e)

Messages : 1191
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Septembre 4th 2014, 8:02 pm

Merci, c'est bon
avatar

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://manga-party.forumactif.com/
Flaura a été remercié(e) par l'auteur de ce sujet.

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


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