ajaxToolkit中的PopupControlExtender不支持启用tinymce的文本框

时间:2015-08-27 15:43:17

标签: javascript asp.net tinymce ajaxcontroltoolkit tinymce-4

我有一个使用ASP.NET开发的网站。 在那里,当用户专注于文本框时,小工具提示出现在文本框的右侧。我正在使用ajaxToolkit:PopupControlExtender来实现它。 这是我的代码。

        <asp:TextBox ID="txtTest" runat="server" Width="100%" TextMode="MultiLine" Rows="5" AutoComplete="off" ClientIDMode="Static" MaxLength="6000" class="tinymce"></asp:TextBox><br />
        <ajaxToolkit:PopupControlExtender runat="server" TargetControlID="txtTest" PopupControlID="tipCity" Position="Right"></ajaxToolkit:PopupControlExtender>

这很好用。但问题是我在这个文本框中使用名为tinymce的文本编辑器。因此,应用它后,此PopupControlExtender不显示该消息。

我使用下面的代码来包含tinymce。

<script src="//tinymce.cachefly.net/4.2/tinymce.min.js"></script>
    <script type="text/javascript">
        tinymce.init({
            resize: true,
            mode: "specific_textareas",
            editor_selector: "tinymce",
            encoding: "xml",
            theme: "modern",
            plugins: [
             "advlist lists link preview",
             "searchreplace",
             "directionality"
            ],
            toolbar1: "bold italic underline | bullist numlist outdent indent | link | preview",
            menubar: false,
            statusbar: true,


            setup: function (editor) {
                editor.on('SaveContent', function (ed) {
                    ed.content = ed.content.replace(/&#39/g, "&apos");
                });
            }
        });

那么如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

尝试使用此代码:

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_beginRequest(BeginRequestHandler);

function BeginRequestHandler(sender, args) {
    tinymce.execCommand('mceRemoveEditor', true, 'text_control_id');
}

prm.add_pageLoaded(function (sender, e) {
    LoadTinyMCE();
});