3

我有文本区域列表。对于 textareas，我使用 tinyMCE 编辑器。当我开始对这个 textareas 列表进行排序时，这些 textareas 中的所有内容都消失了。我的意思是 iframe 不会刷新它们的内容。

<ul id="sortable">
<li class="ui-state-default"><br />
    <textarea id="1"></textarea>
</li>
<li class="ui-state-default"><br />
    <textarea name="2" id="2"></textarea>
</li></ul>

我的.js 文件

    tinyMCE.init({
    mode : 'textareas',
    theme : 'advanced',
    theme_advanced_buttons1 : 'save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect',
    theme_advanced_buttons2 : '',
    theme_advanced_buttons3 : '',       
    theme_advanced_toolbar_location : 'top',
    theme_advanced_toolbar_align : 'left',
    theme_advanced_statusbar_location : 'bottom',
    theme_advanced_resizing : false
});
    $( "#sortable" ).sortable({

    });

TinyMCE 工作完美，直到我拖动放置此文本区域的 <li>。<iframe> 内的代码消失了。
我可以以某种方式阻止刷新 iframe 内容吗？

4

1 回答 1

1

这里的问题是你不能轻易地在 dom 中移动编辑器。解决方案是首先关闭 tinymce 实例（需要 id！）

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

然后执行 DOM 操作并重新初始化 tinymce 实例

tinymce.execCommand('mceAddControl',true,'editor_id');
于 2012-06-27T10:46:03.483 回答