Using tinymce with blockui

What I want to do is the gray background of my webpage with blockUI, and then open tinymce from the top. I can get this to work initially, but I open another tinymce dialog box to insert a link or edit the html source, the dialog opens, but it is blocked. I am wondering if there is a way to unlock this in blockUI. I tried a few things but was not successful. Here is my current code:

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();
    });     
+1
source share
1 answer

, , , , bindEvents: false .blockUI ( message ..). . http://fiddle.tinymce.com/bzeaab/17 , (at http://fiddle.tinymce.com/bzeaab/16) , .

$.blockUI({ message: editDiv });

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

, blockUI, tinymce, .

+1

All Articles