jQuery UI排序和tinyMCE

我在幻燈片編輯頁面上使用tinyMCE所見即所得，我想使用jQuery UI使它們可排序。該標記看起來是這樣的：jQuery UI排序和tinyMCE

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

當我滴個幻燈片，爲幻燈片內容區域一片空白，我不能連點擊裏面輸入更多。我怎樣才能解決這個問題？

來源

2013-10-16 mrdziuban

你能提供一個搗鼓這個代碼只是簡單了，沒有工作，你的問題 –

-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-26 16:44:08 user3464977

的例子。 –

jQuery UI排序和tinyMCE

回答

相關問題