TinyMCE编辑器不显示Mozila firefox中的文本区域内容

时间:2018-05-23 14:26:42

标签: asp.net firefox tinymce-4

我有一个模块,我在模块弹出窗口中显示了TinyMCE编辑器。

在页面加载时,我将HTML内容绑定为文本区域的文本,然后,我将该文本区域控件作为tinymce编辑器的选择器。

模式弹出窗口中显示的文本区域的HTML:

<asp:TextBox ID="txtEditorContent" runat="server" AutoPostBack="false" CssClass="editor-content" TextMode="MultiLine" />

我有一个函数,当页面上有一个活动的tinymce编辑器时,用户点击一个按钮,用于打开另一个tinymce编辑器的模态弹出窗口,显示确认消息框是否保存这些变化与否。

如果用户点击是,那么我使用代码

删除了页面上的活动编辑器
tinymce.remove();

但是TinyMCE编辑器中没有显示文本区域的内容。

当我打开模态弹出窗口时,它显示如下。 enter image description here

我还通过mozilla中的inspect元素进行检查,它告诉我没有内容。

enter image description here

在打开模态弹出窗口时触发了Javascript:

<script type="text/javascript">
    $(function () {
         tinymce.remove();
         tinymce.init({
            selector: '.editor-content',
            menubar: false,
            branding: false,
            height: 350,
            code_dialog_height: 200,                
            plugins: ['advlist autolink lists charmap print preview anchor textcolor code', 'searchreplace visualblocks code fullscreen', 'insertdatetime table contextmenu paste code help wordcount'],
            toolbar: 'insert | undo redo |  formatselect | bold italic backcolor  | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | table | code ',
        });
});

有人可以告诉我我错过了什么吗?

注意:此问题不会在Google Chrome中重现,也不会在Mozilla Firefox中重现。

0 个答案:

没有答案