markItUp для виджета Wordpress

Question

Я использую markItUp для текстового поля в виджетах WP (то есть на странице widgets.php при создании и редактировании виджета).

Textarea is markItUp'ed при первом открытии виджета, но после того, как я нажал кнопку «Сохранить», функциональность потеряна, и я вернусь к обычной текстовой области.

Я сравнивал исходный код для версий с сохранением и после сохранения страницы, и нет никакой разницы - очевидно, так как страница не перезагружается. Нужно ли запускать jQuery для каждого вызова ajax?

Я попытался добавить

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

внутри функции обработки формы виджета, но это не помогло. Я попытался внести изменения, привязав это событие к кнопке сохранения, но это, похоже, не повлияло (есть хороший шанс, что я все понял неправильно).

Answer 1

JQuery

Итак, первое, что вам нужно сделать, это подключить в вызов AJAX, так что вы будете уведомлены, когда виджеты были сохранены. Для этого мы будем использовать функцию jQuery ajaxSuccess. Поместите это в своем собственном 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); 

The PHP/WordPress

Наконец, скажите WP включить новые JS файл только на странице виджетов. Вам нужно будет включить это либо в functions.php или если вы создаете виджет, в файл виджеты PHP:

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'); 

Edit я имел неправильный add_action крючок, когда я отправил. Ему нужен был .php, который я только что добавил. Теперь код верен.

Answer 2

Решение Doug отлично работало. Мне только пришлось изменить функцию window.setTimeout следующим образом:

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