TinyMCE 拖动和移动后编辑器内容丢失

Question

我有一个包含多个 TinyMce 编辑器的页面，并且启用了拖放功能，这使我可以更改每个项目的顺序。

但是当我拖放一个编辑器时，它的内容被删除了。

查看屏幕截图：

拖放前

拖放后

Answer 1

最后解决了这个问题......

解决方案是首先关闭tinymce实例（需要id！）

tinymce.execCommand('mceRemoveControl',true,'editor_id');

然后执行DOM操作并重新启动tinymce实例

tinymce.execCommand('mceAddControl',true,'editor_id');

Answer 2

在拖动结束事件中添加如下代码：

onDragEnd(event: any) {
  var tinymceId = 'tinymceId_' + event.source.data.index; //get selected element id
  tinymce.get(tinymceId ).remove(); //remove existing instance
  $('#' + tinymceId ).closest('.mce-tinymce.mce-container').show();
  tinymce.init({id: tinymceId , selector: '#' + tinymceId , height: 200}; //you can add other properties into init()
}