我有一个页面与多个TinyMce编辑器,我有拖放功能,使我能够改变每个项目的顺序。但是当我拖放编辑器时,它的内容被删除了。请参见屏幕截图:拖放之前拖放之后
pepwfjgg1#
终于解决了这个问题...解决方案是首先关闭tinymce示例(需要id!)tinymce.execCommand('mceRemoveControl',true,'editor_id');然后执行DOM操作并重新初始化tinymce示例tinymce.execCommand('mceAddControl',true,'editor_id');
tinymce.execCommand('mceRemoveControl',true,'editor_id');
tinymce.execCommand('mceAddControl',true,'editor_id');
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() }
2条答案
按热度按时间pepwfjgg1#
终于解决了这个问题...
解决方案是首先关闭tinymce示例(需要id!)
tinymce.execCommand('mceRemoveControl',true,'editor_id');
然后执行DOM操作并重新初始化tinymce示例
tinymce.execCommand('mceAddControl',true,'editor_id');
mv1qrgav2#
在拖动结束事件上添加以下代码: