Firefox 浏览器的 Tinymce 问题答案

【问题标题】：Tinymce issue with firefox browserFirefox 浏览器的 Tinymce 问题
【发布时间】：2014-06-10 05:25:05
【问题描述】：

我正在使用 Tinymce 版本 4.0.12 和 firefox 版本 29.0.1、.net 4.0、mvc 4.0、VS 2012 我正面临 Tinymce 编辑器和 firefox 的问题。重新加载屏幕时，它显示呈现的 html e。 G。

在编辑器中仅在 firefox 浏览器中的几分之一秒。而屏幕的其他部分正常加载。在 IE、Chrome 等其他浏览器中运行良好。以下是我初始化 tinymce 编辑器的代码。

{
        tinyMCE.baseURL = GetNewEmailURL() + "scripts/tinymce/js/tinymce";
        tinyMCE.init({
            menubar: false,
            mode: 'none',
            submit_patch: false,
            add_form_submit_trigger: false,
            selector: '#tinyMceForViewMail',
            statusbar: false,
            plugins: 'noneditable',
            toolbar: false,
            readonly: true,
            setup: function (editor) {
                editor.on('init', function () {
                    $("#" + this.id + "_ifr").height(window.screen.height - $("#TopMenuContainer").height() - $("#breadcrumbs").height() - $("#subject").height() - $("#MailHeader").height() - $("#Attachment").height() - 276);
                });

            }
        });
    }

我尝试了不同的属性，但没有成功。请帮我解决这个问题。

【问题讨论】：

标签： asp.net-mvc firefox tinymce

【解决方案1】：

我想没有其他人遇到过这样的问题。所以我正在回答我自己的问题:)。好吧，经过多次尝试和错误终于得到了解决方案。

问题是 TinyMc 脚本和其他脚本需要时间来加载。因此，带有渲染 html 的 textarea 显示了几秒钟。这个文本区域是我绑定 TinyMc 控件的地方。我找到了两个解决方案（感觉就像中了大奖：P）。

设置 textarea 的可见性隐藏。或
在 bundle config 中移动了所有 Jquery 文件和 css，因此可以预先加载它，从而避免加载 tinyMc 时出现任何延迟。

我想第二种解决方案更合适。

快乐编码..

【讨论】：