markItUp pour le widget Wordpress

Question

J'utilise markItUp pour une zone de texte dans un widget WP (c'est-à-dire sur la page widgets.php, lors de la création et de la modification d'un widget). La zone de texte est markItUp lorsque j'ouvre le widget pour la première fois, mais après avoir cliqué sur Enregistrer, la fonctionnalité est perdue et je suis de retour à une zone de texte régulière.

J'ai comparé le code source des versions avant-sauvegarde et après-sauvegarde de la page et il n'y a pas de différence - évidemment, car la page n'est pas rechargée. Est-ce que jQuery doit être appelé pour chaque appel ajax?

J'ai essayé d'ajouter

jQuery(".markitup").markItUp(mySettings); 

à l'intérieur de la fonction de gestion des formulaires du widget, mais cela n'a pas aidé. J'ai essayé d'apporter des modifications en reliant cet événement au bouton de sauvegarde, mais cela n'a pas semblé faire de différence (il y a de fortes chances que je me suis trompé).

Answer 1

Le jQuery

Ainsi, la première chose que vous devez faire est de crochet dans l'appel AJAX afin que vous êtes averti lorsque les widgets ont été enregistrés. Pour ce faire, nous utiliserons la fonction jQuery ajaxSuccess. Mettez cela dans son propre fichier js:

// Use a self executing function so we can safely use 
// $ inside and know it = jQuery 
(function($){ 

    // Tie into all jQuery AJAX requests 
    $(document).ajaxSuccess(function(e, x, o){ 

     // Make sure our widget is the one being saved 
     // id_base will equal whatever is set in the PHP for the widget 
     // In this example, we target the text widget 
     if(o.data && o.data.indexOf('id_base=text') > -1){ 

      // Now, lets quickly find all the right elements 
      // and filter out the ones already set up, and finally 
      // apply the `markItUp` call, but we will delay just to give 
      // WP a chance to update the widget 
      window.setTimeout(function(){ 
       $("textareas.markItUp:not(.markItUpEditor)").markItUp(mySettings); 
      }, 200); 
     } 
    }); 

})(jQuery); 

Le PHP/WordPress

Enfin, dites-WP pour inclure votre nouveau fichier js uniquement sur la page des widgets. Vous aurez besoin d'intégrer ce soit dans functions.php ou si vous construisez un widget, dans le fichier PHP widgets:

function register_markitup(){ 
    wp_enqueue_script('markitup-widgets', WP_PLUGIN_URL . '/your-plugin/js/markitup-ajax.js'); 
} 

add_action("admin_print_scripts-widgets.php", 'register_markitup'); 

Modifier J'ai eu un crochet add_action incorrect quand je posté. Il avait besoin du .php que je viens d'ajouter. Le code est correct maintenant.

Answer 2

La solution de Doug a bien fonctionné. J'ai seulement dû changer la fonction de window.setTimeout comme suit:

window.setTimeout(function(){ 
    $("textarea.markItUp").each(function() { 
     if (!($(this).hasClass('markItUpEditor'))) { 
      $(this).markItUp(mySettings); 
     } 
    });          
}, 200);