javascript – 如何为不同高度的多个实例设置CKEditor？

我想要有多个基于相同配置设置的CKEditor实例,但具有不同的高度.我尝试设置默认高度的配置,设置第一个实例,然后覆盖高度&设立第二例：

var config = {
    .....
    height:'400'
};

$('#editor1').ckeditor(config);
config.height = '100';
$('#editor2').ckeditor(config);

…但是我得到两个都有100px高的CKEditor实例.

我也试过这个：

CKEDITOR.replace('editor2',{
    height: '100'
});

..我收到错误消息,该实例已经存在.我搜索了一下发现一个类似情况的人得到建议,你必须在replace()之前摧毁()实例,但这似乎太复杂,只是设置不同的初始高度.

最后我设置了两个不同的配置复制到toolbar_Full属性：

var config1 = {
    height:'400',startupOutlineBlocks:true,scayt_autoStartup:true,toolbar_Full:[
        { name: 'clipboard',items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },{ name: 'editing',items : [ 'Find','Replace','-' ] },{ name: 'basicstyles',items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','RemoveFormat' ] },{ name: 'paragraph',items : [ 'NumberedList','BulletedList','Outdent','Indent','Blockquote','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','BidiLtr','BidiRtl' ] },'/',{ name: 'links',items : [ 'Link','Unlink','Anchor' ] },{ name: 'insert',items : [ 'Image','HorizontalRule' ] },{ name: 'styles',items : [ 'Styles','Format','Font','FontSize' ] },{ name: 'colors',items : [ 'TextColor','BGColor' ] },{ name: 'tools',items : [ 'Maximize','ShowBlocks' ] },{ name: 'document',items : [ 'Source' ] }
    ]
}

var config2 = {
    height:'100',scayt_autoStartup:true
};
config2.toolbar_Full = config1.toolbar_Full;

$('#editor1').ckeditor(config1);
$('#editor2').ckeditor(config2);

有没有更好的办法？我失踪了吗有this question,但他们没有发布足够有用,& this very similar question尚未得到答复.谢谢！

更新：

这似乎是CKEditor的时间/配置处理奇怪 – 配置是读&稍后应用(我猜测编辑器的DOM框架已经设置好了),而不是当编辑器首次实例化时.

所以,使用.ckeditor()实例化第一个编辑器之后立即进行的配置设置的任何更改实际上都是在几个毫秒的某个时间被编辑器应用的.我认为这不是正常的行为或逻辑.

例如,您可以在我的第一个示例中获得预期的行为(在第一个编辑器被实例化之后覆盖config.height属性)通过使用setTimeout()延迟第二个CKEditor实例来工作. Firefox需要〜100ms,IE需要1ms.古怪&错误.

每个编辑器首次实例化时,CKEditor应读取配置设置.现在,每个人都必须解决这个怪癖.

$('#editor1').ckeditor({ height: 100 });
$('#editor2').ckeditor({ height: 200 });

CKEDITOR.replace('editor1',{ height: 100 });
CKEDITOR.replace('editor2',{ height: 200 });

var configShared = {
        startupOutlineBlocks:true,// etc.
    },config1 = CKEDITOR.tools.prototypedCopy(configShared),config2 = CKEDITOR.tools.prototypedCopy(configShared);
config1.height = 100;
config2.height = 200;

CKEDITOR.replace('editor1',config1);
CKEDITOR.replace('editor2',config2);