3

テキストエリアのリストがあります。テキストエリアには tinyMCE Editor を使用します。このテキストエリアのリストのソートを開始すると、これらのテキストエリア内ですべてが消えます。つまり、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({

    });

このテキストエリアが配置されている <li> をドラッグするまで、TinyMCE は完璧に機能します。<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 に答える