Question

我在asp.net应用程序中使用TinyMCE，并在服务器上设置textareas的内容。问题是，只要页面加载，我们就会在textareas中看到原始HTML一段时间，直到编辑器初始化为止。我已经尝试在textareas上设置display：none，然后在oninit例程中的每个文本区域调用.next（）。show（），除了编辑器不是他们需要的大小（可能是因为底层）编辑器初始化时隐藏了textarea？）

其他人如何解决这个问题？

由于

Answer 1

您可以保存textarea内容，然后将其设置为空并在编辑器初始化后重置tinymce内容：

var content = $('textarea_id').html();
$('textarea_id').html('');

tinyMCE.init({
   ...
   setup : function(ed) {
    ed.onInit.add(function(ed, evt) {
           ed.setContent(content);
        });
   },
   ...

});

Answer 2

我刚刚遇到这个问题并决定将解决方案保留如下：

//Before loading, hide textarea element using visibility='hidden' so that the space the element takes will be maintained
document.querySelector('.editor').style.visibility = 'hidden';

tinyMCE.init({
    editor_selector: "editor",
    setup: function (ed) {
        ed.onInit.add(function (ed, evt) {
            //show the element again now that the editor is loaded.
            document.querySelector('.editor').style.visibility = 'visible';
        });
    }
});

隐藏TinyMCE内容，直到编辑器初始化

2 个答案: