在jQuery实例中添加和删除tinyMCE实例

Question

奇怪的问题在这里.

使用使用TinyMCE作为文本编辑器的现有系统.

我创建了一个页面,其中包含使用jquery sortables的大量可移动div.现在TinyMCE似乎不喜欢在dom中移动所以在做了一些研究之后,似乎我必须从被移动的div中的文本框中移除tinymce实例并在拖动结束时将其添加回来.我可以删除实例,但是当我重新添加它时,它不会.

我有最新版本的TinyMCE,一个稍微旧版本的jQuery(尝试更新但没有运气).

无法解决这个问题因此这篇文章:)

 $(function() {
    $("#categoryorder").sortable({ 
    opacity: 0.6, 
    cursor: 'move',
    revert: true,
    forcePlaceholderSize: true,
    scrollSensitivity: 40, 
    start: function(e, ui) {
             tinyMCE.execCommand( 'mceRemoveControl', false, 'textarea1' );
    },
    stop: function(e,ui) {
            // won't add back here for some reason
            tinyMCE.execCommand( 'mceAddControl', false, 'textarea1' );
            $(this).sortable( "refresh" );
    }
    });
});

不确定为什么它不会添加回来,任何想法？

Answer 1

我知道这是一个古老的帖子,但是如果谷歌搜索这个问题就会引起争议:

我不确定你要通过对可排序的刷新调用来实现什么.

但这就是我为了让它适合我而做的

我正在使用jquery.tinymce - 只是尝试一下..我在其他地方有tinymce设置所以我可以调用不同的设置取决于我正在初始化但概念是合理的 - 所以这里是我的开始和停止方法可排序

start : function(event, ui) {
// mce editor needs to be removed and readded when move finsihed
     $("textarea",ui.item).tinymce().remove();
},
stop : function(event, ui) {
     $("textarea",ui.item).tinymce(myconfig.tinymcesettings);
}