Aide pour adapter un code de bouton rapide

[papa pig]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 14/06/2018
Lien du forum : http://www.batteriefanfare.com

Description du problème

Bonjour,

Je ne suis pas calé pour savoir tout seul adapter un code de bouton rapide, à l'origine basé sur ce tuto : https://forum.forumactif.com/t357504-bouton-avertissement-rapide-pour-modo-et-admin

Je l'ai détourné dans le but de ne plus poster d'html dans la rédaction du post, mais seulement en insérant un lien entre 2 balises bbcode artificielles [ embed ][ /embed ], comme le sont dans l'exemple du tuto [ mod ] et [ adm ].

Pour l'instant je suis arrivé à incruster par cette méthode le div qui a pour classe "embed-box" et qui peut prendre 3 classes complémentaires en fonction de la taille du bloc que je désire. Le but de la manœuvre étant de créer des iframes responsives selon le contenu publié (vidéo 16:9, doc a4 portrait, doc a4 paysage, respectivement identifiées dans le CSS comme .vid-169, .a4-port, .a4-pays).

J'ai donc créé un widget "Bouton embed" qui contient le code suivant :

Code:

<script type="text/javascript">
jQuery(document).ready(function() {
 
jQuery("#text_editor_textarea").before("<img src='https://i72.servimg.com/u/f72/19/59/59/04/mpfemb10.png' title='Information'  id='embedbutt' />");
 
jQuery('#embedbutt').click(function(){
jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[embed][/embed]');
jQuery('.sceditor-container textarea')[0].value += '[embed][/embed]'
});
 
});
</script>

J'ai ensuite ajouter un code javascript "sur toutes les pages" qui est le suivant :

Code:

$(function() {  

jQuery('div.postbody div').each(function () {
if(jQuery(this).text().indexOf('[embed]') != -1) {
jQuery(this).html(jQuery(this).html().replace(/\[embed\](.+?)\[\/embed\]/gi, '<div class="embed-box a4-port">$1</div>')) }  
});  });

Mon opération fonctionne impeccable, mais est encore à mi-chemin de mon but.
Elle permet pour l'instant d'attribuer un conteneur div approprié, mais je dois encore poster à l'intérieur des balises [ embed ] [ /embed ] le code html de l'iframe :

Code:

[embed]<iframe src="https://drive.google.com/file/d/1Cc4aNMcq90KulNqt2EkDgNkcoHqsacc0/preview" width="640" height="480"></iframe>[/embed]

Pour le moment, mes balises [ embed ] [ /embed ] génèrent le div qui contient le code html de l'iframe :

Code:

<div class="embed-box a4-port"></div>

Quand je poste à l'intérieur de ces balises lors de ma rédaction de message le code html de l'iframe, ça fonctionne. Mais il reste du html rédigé dans le post, et je ne le souhaite pas.

Illustration actuelle :
Je poste ceci :

Code:

[embed]<iframe src="https://drive.google.com/file/d/1Cc4aNMcq90KulNqt2EkDgNkcoHqsacc0/preview" width="640" height="480"></iframe>[/embed]

et j'obtiens ceci dans le code source :

Code:

<div class="embed-box a4-port">
<iframe src="https://drive.google.com/file/d/1Cc4aNMcq90KulNqt2EkDgNkcoHqsacc0/preview" width="640" height="480"></iframe>
</div>

Ma question ? Pourriez-vous pour ceux qui maîtrisent le codage adéquat pour ne poster que le lien suivant :

Code:

https://drive.google.com/file/d/1Cc4aNMcq90KulNqt2EkDgNkcoHqsacc0/preview

et obtenir le même résultat
c'est-à-dire que juste le lien contenu entre les balises :

url_du_doc

soit placé au milieu des 2 segments de code html :
<div class="embed-box a4-port">
<iframe src="url_du_doc" width="640" height="480"></iframe>
</div>

En gros, je souhaite que la balise d'ouverture [ embed ] génère :

Code:

<div class="embed-box a4-port">
<iframe src="

et la balise de fermeture [ /embed ] génère la fin :

Code:

" width="640" height="480"></iframe>
</div>

Merci, c'est long et j'aurais pu faire plus court, mais je ne sais pas bien synthétiser...
Merci d'avance

[papa pig]

Bonsoir,
up please !
Merci d'avance

[papa pig]

Bonsoir ou bonjour,
up svp merci

[no_way]

Bonjour, essayez ainsi:

Code:

$(function() { 
    jQuery('div.postbody div').each(function () {
    if(jQuery(this).text().indexOf('[embed]') != -1) {
    jQuery(this).html(jQuery(this).html().replace(/\[embed\](.+?)\[\/embed\]/gi, '<div class="embed-box a4-port"><iframe src="$1" width="640" height="480"></iframe></div></div>')) } 
});});

[papa pig]

Bonjour! merci mais je viens de voir que je le suis mal exprimé et qu'il me manque des caractères sur mes dernières lignes. En fait je voudrais grâce à ces balises juste renseigner l'Id du fichier...
Donc la 1ere balise génère

Code:

<div class="embed-box a4-port">
<iframe src="https://drive.google.com/file/d/

Et la 2e :
la fin

Code:

/preview" width="640" height="480"></iframe>
</div>

Donc en gros, on reconstitue l'url en y injectant que l'Id
Merci beaucoup

[no_way]

Ah je comprends mieux, je me permets de vous donner un avis, le choix du nom embed me paraît bien trop générique au vu de l'usage que vous souhaitez en faire.

Quoi qu'il en soit essayez avec le script suivant:

Code:

$(function() {
    var regexp=/\[(embed)\](.+?)\[\/\1\]/gi;
    jQuery('div.postbody div').each(function () {
        var html=jQuery(this).html();
        if(regexp.test(html)) {
            jQuery(this).html(html.replace(regexp, '<div class="embed-box a4-port"><iframe src="https://drive.google.com/file/d/$2/preview" width="640" height="480"></iframe></div></div>')) } 
    })
});

Si vous souhaitez changer le nom utilisé dans la balise BBcode il vous suffit de le modifier dans la regexp.

[Chacha]

Bonjour, Attention, cela fait 8 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 9 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.

[papa pig]

Merci no_way

[Chacha]

Bonjour, Le topic est replacé à la demande de l'auteur du sujet. Pensez à faire un UP au moins une fois par semaine si vous ne voulez pas voir votre sujet déplacé à la corbeille.