Question

我有textareas列表。对于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>

my.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完美无缺，直到我拖动＆lt; li＆gt;这个textarea的位置。内部代码＆lt; iframe＆gt;消失了。
我可以以某种方式阻止刷新iframe内容吗？

Answer 1

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

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

然后执行DOM操作并重新启动tinymce实例

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

排序时禁用刷新iframe

1 个答案: