2

スライドショー編集ページで tinyMCE WYSIWYG を使用していますが、jQuery UI を使用してソート可能にしたいと考えています。マークアップは次のようになります。

<div class="slide-content">
    ...
    <textarea id="Slide_0_content"></textarea>
    <textarea id="Slide_1_content"></textarea>
</div>

これは、jQuery ソート可能を開始するコードです。

$('#slide-list').sortable({
    start: function(event, ui){
        $('.slide-content textarea').each(function(){
            var id = $(this).attr('id');
            tinyMCE.execCommand('mceRemoveControl', false, id);
        });
    },
    stop: function(event, ui){
        $('.slide-content textarea').each(function(){
            var id = $(this).attr('id');
            tinyMCE.execCommand('mceAddControl', false, id);
        });
    }
});

スライドをドロップすると、そのスライドのコンテンツ領域が空白になり、その中をクリックしてさらに入力することさえできません。どうすればこれを修正できますか?

4

1 に答える 1

-2

これが私にとってうまくいったことです。開始時に、tinyMCE.triggerSave(); で保存をトリガーするだけです。停止すると、再びtinyMCEを開始します。

$("#sort").sortable({
    axis: "y",
    items: "div.tiny",
    start: function(event, ui) { 
        tinyMCE.triggerSave();
    },
    stop: function(event, ui) { 
        startTiny();
    }
});
function startTiny(){
    tinyMCE.init({
        // General options
        width : "100%",
        height: "100",
        mode : "textareas"
    });
}
startTiny();

ここにフィドルがありますhttp://jsfiddle.net/YfUyM/3/

于 2014-03-26T16:44:08.037 に答える