小编Hay*_*den的帖子

我很难过,很沮丧,所以有时间寻求帮助.做了很多谷歌搜索但尚未找到适合我的解决方案.

我所拥有的是一大堆可以使用Jquery排序的div,一些div包含一个TinyMCE实例.在你尝试移动包含TinyMCE实例的div之前,这一切都很好 - 当你做TinyMCE似乎刷新自己并创建一个新的实例,然后你丢失了数据等等.然后整个页面断开,因为javascript不再工作:).在这段时间里,我在Firebug中获得了javascript构造函数错误等.

我已经决定了最好的方法是当div开始被拖动时从文本区域移除tinymce并且当它被放置在它的新位置时插入tinymce.

我可以删除它,但无法将其添加回来 - 因为我得到更多的构造函数错误.

注意:TinyMCE会自动添加到我正在使用的系统中的所有文本区域,因此尽量避免弄乱TinyMCE.

在下面的代码中,我只是针对特定的textarea id进行测试.

$cols.sortable({
                            cursor: 'move',
                            revert: true,
                            opacity: 0.6,
                            placeholder: 'widgetplaceholder',
                            forcePlaceholderSize: true,
                            connectWith: cols,
                            zIndex:9000,
                            cancel: ".collapsable_box_editpanel_groups, .collapsable_box_content",
                            start: function(e, ui) {
                                     // removes tinymce ok from textarea
                                     tinyMCE.execCommand( 'mceRemoveControl', false, 'textarea1' );

                            },
                            stop: function(e,ui) {
                                    // breaks here - constructor error
                                    tinyMCE.execCommand( 'mceAddControl', true, 'textarea1' );
                                    $(this).sortable( "refresh" );
                            }
                    });

还有其他人有其他解决方案吗？如果您需要更多信息,请让我:)