TinyMCE没有'无法在fancyBox弹出窗口中工作

TinyMCE doesn't work inside fancyBox popup

本文关键字：fancyBox 窗口 工作 没有 TinyMCE      更新时间：2023-09-26

如果我在fancyBox窗口中打开文本区域字段，如下所示：

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

文本不想在我使用的TinyMCE插件中显示。文本已经在这些文本区域内，但如果我在控制台中查看，TinyMCE插件没有响应，它就会变灰。图片：在这里。我知道我需要在弹出窗口中初始化TinyMCE，但我不知道如何初始化？

我已经为所有文本区域初始化了TinyMCE，并在脚本中初始化了fancyBox，但仅此而已。

您希望在加载弹出窗口的内容时初始化TinyMCE。因此，您需要在Fancybox文档中查找回调函数。

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

在文档中(http://fancybox.net/api)您会发现有一个onComplete回调："将在显示内容后调用"。

所以我认为这应该有效：

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

在这里，我们为"a.fancybox"的onComplete事件定义了一个异常的回调函数。在这个函数中，你可以放置tinyMCE初始化的东西。

请注意，您可能需要进行更多的编码，因为您可能只想在第一次打开覆盖时加载TinyMCE。第二次它已经加载，并且您不想再次初始化TinyMCE。

相关文章：