Aide pour adapter un code de bouton rapide

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

Aide pour adapter un code de bouton rapide

Message par papa pig le Jeu 14 Juin 2018 - 14:04

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 :
[embed]url_du_doc[/embed]
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 Very Happy
avatar

papa pig
***

Masculin
Messages : 136
Inscrit(e) le : 22/01/2017

http://www.batteriefanfare.com
papa pig a été remercié(e) par l'auteur de ce sujet.

Re: Aide pour adapter un code de bouton rapide

Message par papa pig le Sam 16 Juin 2018 - 0:18

Bonsoir,
up please ! Very Happy
Merci d'avance
avatar

papa pig
***

Masculin
Messages : 136
Inscrit(e) le : 22/01/2017

http://www.batteriefanfare.com
papa pig a été remercié(e) par l'auteur de ce sujet.

Re: Aide pour adapter un code de bouton rapide

Message par papa pig le Lun 18 Juin 2018 - 0:56

Bonsoir ou bonjour,
up svp merci albino
avatar

papa pig
***

Masculin
Messages : 136
Inscrit(e) le : 22/01/2017

http://www.batteriefanfare.com
papa pig 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