TinyMCE不在fancyBox弹出窗口内工作

时间:2014-10-17 10:04:34

标签: javascript jquery tinymce fancybox-2

如果我在内嵌的fancyBox窗口中打开我的textarea字段,如下所示:

<a href="#someId" class="fancybox">Edit</a>

文本不想显示在我使用的TinyMCE插件中。文本已经在那些textareas中,但如果我查看控制台并且TinyMCE插件没有响应,它就会变灰。图片:here.我知道我需要在弹出窗口中初始化TinyMCE,但我不知道怎么做?

我已经为所有textareas初始化了TinyMCE,我在我的脚本中初始化了fancyBox,但就是这样。

1 个答案:

答案 0 :(得分:1)

您希望在加载弹出窗口的内容时初始化TinyMCE。 所以你想要的是查看Fancybox文档并查找回调函数。

回调函数是在特定事件发生时触发的函数。

在文档(http://fancybox.net/api)中,您会发现有一个onComplete回调: &#34;一旦内容显示&#34;将被呼叫。

所以我认为这应该有效:

$(document).ready(function() {

    $("a.fancybox").fancybox({
        'onComplete': function(){
            alert('place your tinymce init code here');
        }
    });

});

这里我们为&#34; a.fancybox&#34;的onComplete事件定义一个anomynous回调函数。 在这个函数中,你可以放置tinyMCE init。

请注意,您可能需要进行更多编码,因为您可能只想在第一次打开叠加层时加载TinyMCE。第二次它已经加载,你不想再次初始化TinyMCE。