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

时间:2012-10-25 07:42:06

标签: javascript jquery tinymce wysiwyg rte

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

<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();

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

我不完全确定为什么会这样。一种选择是如果编辑器在dom周围移动。对于您来说,这可能是一种更明智地关闭编辑器然后隐藏它们的方法。

要关闭编辑器实例,请使用:

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

重新初始化使用

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