TinyMCE 4 - 移动textarea后的空白编辑器

时间:2013-11-28 17:32:11

标签: jquery tinymce tinymce-4

我正在使用TinyMCE Jquery版本4,这是我的(简化)场景:

<div id="a">
    <textarea id="t_a"/>
</div>
<div id="b">
    <textarea id="t_b"/>
</div>

我用textareas构建了一个编辑器

$('textarea').tinymce(_conf);

具有特定UI控件的用户可以切换2个div。基本上我在做

$('#b').insertBefore($('#a'));

我会得到一个空白的编辑器,因为iframe根本没有内容,所以无法进行编辑。 我跑了几次没有运气......

我还发现this question突出了与我类似的问题(除非我错了),但并不是每个人都有帮助。

目前我的最新解决方案是

tinyMCE.execCommand('mceFocus', false, t_b.attr('id'));                    
tinyMCE.execCommand('mceRemoveControl', false, t_b.attr('id'));

$.when( _doSomeAnimation() ).done(function() {
    b.insertBefore(a);
    tinyMCE.execCommand('mceAddControl', true, t_b.id);
});

任何建议都非常感谢:)谢谢

1 个答案:

答案 0 :(得分:2)

在搜索了一下后,我发现v.4中不再支持'mceAddControl'和'mceRemoveControl'命令,分别被'mceAddEditor'和'mceRemoveEditor'替换。