WordIt 위젯을위한 markItUp

Question

WP widget (즉, 위젯을 만들고 편집하는 동안 widgets.php 페이지)의 텍스트 영역에 markItUp을 사용하고 있습니다.

텍스트 영역은 처음 위젯을 열 때 markItUp되었습니다.하지만 저장을 클릭하면 기능이 손실되고 다시 일반 텍스트 영역으로 돌아갑니다.

페이지 저장 전 및 저장 후 버전의 소스 코드를 비교했을 때 페이지가 다시로드되지 않았으므로 차이는 없습니다. jQuery가 모든 Ajax 호출에 대해 호출되어야 하는가?

나는 위젯의 형태로 처리 함수 내에서

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

를 추가하려하지만 도움이되지 않았다. 이 이벤트를 저장 버튼에 바인딩하는 변경을 시도했지만 차이가없는 것으로 보입니다 (모든 잘못을 저지른 좋은 기회가 있습니다).

Answer 1

JQuery와

그래서, 당신이해야 할 첫번째 일은 위젯이 저장 한 때 통지되도록 AJAX 호출에 후크입니다. 이를 위해 jQuery ajaxSuccess 함수를 사용합니다. 마지막으로

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

PHP의/워드 프레스

을 새 JS는 위젯 페이지에서 만 파일 포함 WP 알려주기 : 자신의 js 파일이 넣습니다. 당신은 위젯 PHP 파일로, 당신이 위젯을 구축하고있다 functions.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'); 

편집 나는 잘못된 add_action 후크를했다. 방금 추가 한 .php이 필요했습니다. 코드가 정확합니다.

Answer 2

덕 솔루션이 잘 작동했습니다. window.setTimeout 함수를 다음과 같이 변경하면됩니다.

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