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

f4t66c6m  于 2022-11-22  发布在  jQuery
关注(0)|答案(2)|浏览(247)

我有一个页面与多个TinyMce编辑器,我有拖放功能,使我能够改变每个项目的顺序。
但是当我拖放编辑器时,它的内容被删除了。
请参见屏幕截图:
拖放

之前
拖放

之后

pepwfjgg

pepwfjgg1#

终于解决了这个问题...
解决方案是首先关闭tinymce示例(需要id!)
tinymce.execCommand('mceRemoveControl',true,'editor_id');
然后执行DOM操作并重新初始化tinymce示例
tinymce.execCommand('mceAddControl',true,'editor_id');

mv1qrgav

mv1qrgav2#

在拖动结束事件上添加以下代码:

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

相关问题