javascript - TinyMCE 与 FancyBox

Question

我目前正在努力让 FancyBox 弹出窗口与一些嵌入的tinyMCE 文本区域一起使用。我已经浏览了整个互联网，包括这里的几乎所有帖子，但仍然不成功。

FancyBox 将正确加载并显示多个tinyMCE 文本区域(按钮工具栏均正确显示)。问题是它实际上不会在文本框中显示任何文本，并且实际的文本框不可编辑。

我的tinyMCE初始化代码是:

tinyMCE.init({ 
    theme : "advanced",
    mode : "exact",
    elements : "Cause",
    // Theme options - button# indicated the row# only
    theme_advanced_buttons1: "bold,italic,underline,strikethrough,separator,bullist,numlist,separator,outdent,indent,separator,undo,redo",
    theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,separator,code,separator,radspell",
    theme_advanced_buttons3: "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "none"
});  

我对 FancyBox 的调用是:

$('#PopupAdd').fancybox({
        titlePosition: 'none',
        autoscale: false,
        showCloseButton: false,
        centerOnScroll: false,
        onComplete: function () { 
            tinyMCE.execCommand('mceAddControl',true,'Cause');
        },
        onCleanup: function () { 
            tinyMCE.EditorManager.execCommand('mceRemoveControl', true, 'Cause'); 
        }

    });  

我几乎尝试了我能想到的上述代码的所有变体。如果有人对如何解决这个问题有任何新的想法，我们将不胜感激!

更新:

我的 HTML 是:

<lcmp:LittleButton ID="AddStatusButton" Tooltip="Add a new Status." OnClick="addStatusPopup(); return false;" />

这会创建一个按钮，单击时会调用

 function addStatusPopup()
{

    $('#PopupAdd').trigger('click');
}

Answer 1

我遇到了完全相同的问题。对我有用的是在 FancyBox 打开后运行tinyMce.init。