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 - 只是试一试.. 我在其他地方有设置，所以我可以调用不同的设置，这取决于我正在初始化但是概念是合理的 - 所以这里是我的开始和停止方法可排序

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

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

1 个答案: