当 SimpleModal 第二次打开时 TinyMCE 不启动答案

【问题标题】：TinyMCE does not initiate when SimpleModal opens a second time当 SimpleModal 第二次打开时 TinyMCE 不启动
【发布时间】：2015-04-01 17:56:03
【问题描述】：

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

我有一个使用 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;
        }
    }

在这方面的任何帮助将不胜感激！

菲利普

【问题讨论】：

标签： asp.net tinymce simplemodal

【解决方案1】：

好的...看来您必须在关闭 SimpleModal 窗口后删除 TinyMCE 控件。

tinymce.remove();

如果您在弹出窗口中有一个按钮/链接来关闭模式，这很好，但如果您使用右上角（固定）X 按钮，它将不起作用。您需要修改 SimpleModal 源代码。

谢谢

【讨论】：