当SimpleModal第二次打开时,TinyMCE不会启动

时间:2015-04-01 17:56:04

标签: asp.net tinymce simplemodal

我做了一些搜索,发现一些人有同样的问题,但没有真正的答案。

我有一个使用SimpleModal的aspx页面。在这个SimpleModal窗口中,我在textarea模式下有一个TextBox控件。我正在使用TinyMCE将该控件转换为RichTextBox。

第一次打开模态时,TinyMCE呈现正确,但是,如果我关闭SimpleModal窗口然后重新打开它,则返回基本的TextArea控件。

这是我的控件HTML

<div id="bio-modal" style="display:none;">
    <h3>Member Bio</h3>
    <p>Introduce yourself to other members by writing a small member bio.  When other members search for your, this bio will be shown.</p>
    <p>
        <asp:TextBox ID="txtBioContent" runat="server" TextMode="MultiLine" Width="395px" Height="300px" />
        <br />
        <asp:Button ID="btnSaveProfile" runat="server" Text="Save Profile" OnClick="btnSaveProfile_Click" />
    </p>
</div>

我的代码用于打开SimpleModal并启动TinyMCE。

    function showModal(which)
    {
        switch (which) {
            case "bio":
                $('#bio-modal').modal({
                    appendTo: 'form',
                    minWidth: 420,
                    minHeight: 460,
                    onShow: function () {
                        tinymce.init({ selector: '#<% = txtBioContent.ClientID %>' });
                    }
                });
                break;
            case "pw":
                $('#password-modal').modal({
                    appendTo: 'form',
                    minWidth: 200,
                    minHeight: 200
                });
                break;
            case "email":
                $('#email-modal').modal({
                    appendTo: 'form',
                    minWidth: 200,
                    minHeight: 200
                });
                break;
        }
    }

非常感谢这方面的任何帮助!

菲利普

1 个答案:

答案 0 :(得分:0)

好吧......所以看起来你必须在SimpleModal窗口关闭后删除TinyMCE控件。

tinymce.remove();

如果你在弹出窗口内有一个按钮/链接来关闭模态,这很好,但如果你使用右上角(罐装)X按钮,它将无法正常工作。您需要修改SimpleModal源。

由于