Utilisation de la fenêtre de téléchargement de médias de WordPress 3.5 comme fenêtre contextuelle modale


14

J'ai une question générale: est-il possible d'utiliser la nouvelle fenêtre de WordPress 3.5 Media Uploader à d'autres fins (c'est-à-dire comme une fenêtre contextuelle modale pour le contenu)? Je voudrais le faire et j'ai passé beaucoup de temps à essayer de savoir si / comment le faire, mais je n'ai pas eu de chance.

Je cherche essentiellement à remplacer la fenêtre contextuelle Thickbox comme la façon dont mon panneau de shortcode est présenté dans le panneau d'administration.

Quelqu'un a-t-il fait cela ou quelque chose de similaire? Quelqu'un peut-il m'indiquer quelque chose qui couvre cela ou une variation sur le thème?

Merci beaucoup,

Andrew.


4
Tu as lu ça ?
gmazzap

1
Peut-être que vous voulez montrer ce que vous avez essayé pendant tant d'heures ...
kaiser

Réponses:


4

Vous pouvez essayer le script suivant:

var MEDIAmedia_library: function() {
     var formfield = null;

     var wireframe;

     $('body').on('click', '#click-event-selector',function(e) {
         e.preventDefault();
         if (wireframe) {
             wireframe.open();
             return;
         }

         wireframe = wp.media.frames.wireframe = wp.media({
             title: 'Media Library Title',
             button: {
                 text: 'Media Library Button Title'
             },
             multiple: false
         });

         wireframe.on('select', function() {
             attachment = wireframe.state().get('selection').first().toJSON();
             console.log(attachment);
             $('#input-field-selector').val(attachment.url);
         });

         wireframe.open();
     });
    }

#click-event-selector votre sélecteur d'événements click

#input-field-selector la valeur de votre champ de saisie pour insérer les propriétés d'objet sélectionnées

Vous pouvez également envelopper cette fonction dans n'importe quel modal jquery

Référence Wordpress 3.5 Media Uploader

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.