[AwesomeBB] Bouton BBCode qui renvoie vers un site externe

[Invité]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://gemurama.com/

Description du problème

Bonjour

J'ai regardé votre tutoriel pour ajouter des BBcode : https://forum.forumactif.com/t407168-creation-de-balises-bbcode-personnalisees

Rien à dire, ça fonctionne, j'ai ajouté un qui floute un texte ou une image

Est-il possible de créer un bouton, parmi les autres BBcode, qui quand on clique dessus, renvoie vers un site internet dans un nouvel onglet ? Si oui, comment on fait ? J'espère avoir bien expliqué ma demande

Merci d'avance !

[R.P. Gryphus]

Bonjour Zlork!

Si tu utilises ce tutoriel, tu peux essayer ceci :

Code:

           {
                tag: 'google',
                close: true,
                replacement: '<a href="https://www.google.com/" target="_blank">{content}</a>'
            },

[Invité]

Bonjour Zlork!

Si tu utilises ce tutoriel, tu peux essayer ceci :
--

J'ai mis

Code:

            {
                tag: 'sondage',
                close: true,
                replacement: '<a href="https://strawpoll.com/fr/create/" target="_blank">{content}</a>'
            },

et pour le bouton :

Code:

    $(function(){$(function(){
        
          /*Ajout d'un bouton */ $('<a class="sceditor-button" unselectable="on" title="Ajouter un sondage"><div unselectable="on" style="background-image:url(https://i.imgur.com/KtJYB8o.png)">Ajouter un sondage</div></a>').insertAfter('.sceditor-button-table').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[sondage]","[/sondage]");
          }); /*Fin ajout d'un bouton*/
    
        })});

Ca ne marche pas.

Je crois que ça vient de là mais je ne suis pas sûr  :

Code:

 $('#text_editor_textarea').sceditor("instance").insertText("[sondage]","[/sondage]");

Il faut que je l'enlève ou le modifier ? Pour rappel, je veux juste que ça renvoie vers le site

Merci

[R.P. Gryphus]

Le bouton? J'ai dû manquer cet élément de ta demande héhé. Moi ce que je te proposais aurait fonctionné avec ce BBcode simplement, sans aucun ajout de bouton :

[google]Le meilleur, quoique biaisé, moteur de recherche dans le monde![/google]

Après, si tu veux créer l'apparence d'un bouton, tu peux toujours ajouter une .class que tu peux styler dans ta feuille de style CSS :

Javascript :

Code:

           {
                tag: 'google',
                close: true,
                replacement: '<a href="https://www.google.com/" target="_blank" class="BBbouton">{content}</a>'
            },

CSS :

Code:

.BBbouton {
  background-color: #272822;
  border-radius: 3px;
  color: #fff;
  font-family: 'monospace';
  padding: 3px 6px;
}

Mais si tu insistes vraiment à pouvoir ajouter un bouton à la barre d'outil de l'éditeur de texte, alors il faudra attendre pour quelqu'un de plus expérimenté.

[Invité]

MercI.

Oui mais la partie que tu me donnes ne crée pas le bouton

C'est cette partie là qui créé le bouton dans la barre d'outil de l'éditeur texte

Code:



$(function(){$(function(){
           
/*Ajout d'un bouton */ $('<a class="sceditor-button" unselectable="on" title="Ajouter un sondage"><div unselectable="on" style="background-image:url(https://i.imgur.com/KtJYB8o.png)">Ajouter un sondage</div></a>').insertAfter('.sceditor-button-table').click(function(){
               $('#text_editor_textarea').sceditor("instance").insertText("[sondage]","[/sondage]");
             }); /*Fin ajout d'un bouton*/
       
           })});

[chattigre]

Bonjour Zlork,

Quel est le contenu qui doit être exactement géré par le BBCode ? Quelle est la conversion HTML à faire ? (en particulier, où se placent les {option} et {content} de la balise, s'il y a lieu ?
Serait-il possible de nous communiquer le rendu exact souhaité, éventuellement sous balises hide ?

Bonne journée
Cordialement

[Invité]

J'ai réglé mon problème.

J'ai juste ajouté le JS :

Code:

        /*Ajout d'un bouton */ $('<a href="https://strawpoll.com/fr/create/" target="_blank" class="sceditor-button" unselectable="on" title="Créer un sondage"><div unselectable="on" style="background-image:url(https://i.imgur.com/pSmpJIh.png)">Créer un sondage</div></a>').insertAfter('.sceditor-button-faspoiler').click(); /*Fin ajout d'un bouton*/