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 Sam 23 Aoû 2014 - 20:08

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 Jeu 4 Sep 2014 - 20:03, édité 1 fois

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Dim 24 Aoû 2014 - 20:18

UP, merci de répondre.

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Mar 26 Aoû 2014 - 9:12

UP!

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par FANCH 56 le Mar 26 Aoû 2014 - 9:32

Bonjour

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

FANCH 56
+ Hyperactif +

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 Mar 26 Aoû 2014 - 12:41

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

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Mer 27 Aoû 2014 - 16:18

UP

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Ven 29 Aoû 2014 - 12:10

UP...

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Sam 30 Aoû 2014 - 14:32

UP!

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par Flaura le Lun 1 Sep 2014 - 10:42

UP, répondez-moi...

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Lun 1 Sep 2014 - 13:35

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 ?

[Nihil]
# Tropactif #

Messages : 1155
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 Lun 1 Sep 2014 - 15:00

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

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Lun 1 Sep 2014 - 22:23

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

[Nihil]
# Tropactif #

Messages : 1155
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 Mar 2 Sep 2014 - 11:34

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

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Mar 2 Sep 2014 - 13:30

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

[Nihil]
# Tropactif #

Messages : 1155
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 Mar 2 Sep 2014 - 20:49

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

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Mer 3 Sep 2014 - 12:31

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 */
}

[Nihil]
# Tropactif #

Messages : 1155
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 Mer 3 Sep 2014 - 13:26

Merci, mais ça ne marche pas.

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Mer 3 Sep 2014 - 13:39

"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

[Nihil]
# Tropactif #

Messages : 1155
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 Mer 3 Sep 2014 - 15:15

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?

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Mer 3 Sep 2014 - 15:30

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

});

[Nihil]
# Tropactif #

Messages : 1155
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 Mer 3 Sep 2014 - 15:55

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

Flaura
****

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

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer des BBCodes

Message par [Nihil] le Jeu 4 Sep 2014 - 10:14

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

[Nihil]
# Tropactif #

Messages : 1155
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 Jeu 4 Sep 2014 - 13:50

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

Self
+ Hyperactif +

Masculin
Messages : 3710
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 Jeu 4 Sep 2014 - 19:26

Merci pour cette intervention Self' Smile

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

[Nihil]
# Tropactif #

Messages : 1155
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 Jeu 4 Sep 2014 - 20:02

Merci, c'est bon

Flaura
****

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

http://pokemondm.pokemonrpg.org
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