无法获取/设置微型 mce 编辑器的内容

Question

我正在使用 Tiny MCE 编辑器版本：3.5.7
我在具有唯一 ID 的同一页面上使用多个文本编辑器实例，并且我已将这些编辑器包装在一个 div 中以显示和隐藏这些编辑器。一切正常。现在我想在用户隐藏编辑器时清除它的内容（这样当它再次显示时，以前的内容就会被删除）。我尝试使用 tinyMCE.get('editorId').setContent('') 来做，它只能正常工作一次......我的意思是一旦我使用了上述功能，我就无法做到set 甚至 get 该编辑器实例的内容。我使用的结构如下：

<div id="parentDIV">
  <div id="1_editor">
  </div>
</div>

tinyMCE.init({
        mode: "exact",
        max_char: "2000",
        elements: "1_editor",
        // Setting up ToolBar
        theme: "advanced",
        theme_advanced_layout_manager: "SimpleLayout",
        theme_advanced_buttons1: "bold,italic,underline, strikethrough,     separator,justifyleft, justifycenter,justifyright,  justifyfull, separator,bullist,numlist,separator,fontselect ,fontsizeselect",
        theme_advanced_toolbar_location: "top",
        theme_advanced_toolbar_align: "left",
    });

为了显示和隐藏编辑器，我做了这样的事情：

$('#parentDIV').hide();
$('#parentDIV').show();

有人可以帮忙吗？

Answer 1

我不完全确定为什么会发生这种情况。一种选择是如果编辑器在 dom 中移动。对您而言，明确关闭编辑器然后隐藏它们可能是更好的方法。

要关闭编辑器实例，请使用：

tinymce.execCommand('mceRemoveControl',true,'editor_id');

重新初始化使用

tinymce.execCommand('mceAddControl',true,'editor_id');