将TinyMCE与blockui(using tinymce with blockui)

2019-10-19 05:54发布

我想要做的是灰色不可用我的网页背景blockUI,然后在顶部打开一个TinyMCE的。 我能得到这个开始工作,但我打开另一个TinyMCE的对话框中要插入一个链接或编辑HTML源代码,对话框打开,但它的封锁。 我不知道是否有在blockUI取消对此的一种方式。 我尝试了一些事情,但都没有成功。 这里是我当前的代码:

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:

这似乎工作的一个解决方案是通过bindEvents: false的.blockUI呼叫作为一个选项(连同message等)。 见http://fiddle.tinymce.com/bzeaab/17发生故障的小提琴(如何http://fiddle.tinymce.com/bzeaab/16 )进行了修订,允许在工作插头。

在你的情况, $.blockUI({ message: editDiv });

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

一个潜在的缺点这个问题是这种方法解除绑定在blockUI叠加,而不仅仅是TinyMCE的插件一切,所以可能是您的需求太大言不惭。



文章来源: using tinymce with blockui