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 回答