blockey와 함께 tinymce 사용하기

Question

내가하고 싶은 것은 blockUI로 웹 페이지 배경을 회색으로 한 다음 맨 위에 tinymce를여십시오. 이 작업을 초기에 수행 할 수는 있지만 링크를 삽입하거나 html 소스를 편집하는 것과 같은 다른 tinymce 대화 상자를 열면 대화 상자가 열리지 만 차단됩니다. blockUI에서이를 차단 해제하는 방법이 있는지 궁금합니다. 나는 몇 가지 시도를했지만 성공하지 못했습니다. (message과 함께, 등) 옵션으로 .blockUI 호출에 bindEvents: false을 전달하는 것입니다 작동하는 것 같다

var editDiv="<div id='tMce'><p>"; 
editDiv+="<textarea style='width:90%;height:400px;' id='ed_"+theID+"'>"+theHTML+"</textarea><p>"; 
editDiv+="<button onclick='closeCMS();'>close</button> "; 
editDiv+="<button onclick='saveEdit("+dq+theID+dq+","+dq+theID+dq+")'>save</button> "; 
editDiv+="</div>"; 

    $.blockUI({ message: editDiv }); 

    tinymce.init({ 
     selector: "textarea", 
     theme: "modern", 
     plugins: [ 
    "advlist autolink lists link charmap print preview anchor", 
    "searchreplace visualblocks code fullscreen", 
    "insertdatetime media table contextmenu paste" 
     ] 
    }); 

    $('textarea').each(function(){ 
     $(this).unblock(); 
    }); 

    $('input').each(function(){ 
     $(this).unblock(); 
    });  

Answer 1

하나의 솔루션 : 여기에 내 현재 코드입니다. 플러그인이 작동하도록 실패한 바이올린 (http://fiddle.tinymce.com/bzeaab/16)을 수정 한 방법은 http://fiddle.tinymce.com/bzeaab/17을 참조하십시오. 귀하의 경우에는

는 $.blockUI({ message: editDiv });이 문제에

$.blockUI({ message: editDiv, bindEvents: false });

하나의 잠재적 인 단점이 방법은 blockUI 오버레이 아니라 TinyMCE에 플러그인의 모든 바인딩 해제한다는 것입니다, 그래서 당신의 요구에 너무 도가 지나친 될 수됩니다.