CKEDITOR 4:切换工具栏

时间:2017-12-08 11:16:29

标签: javascript html toolbar ckeditor4.x

我使用经典版本的ckeditor 4.我正在使用的系统是一个自编的CMS。这意味着我有多个案例需要ckeditor。其中一些人正在启用resizing-option / plugin。此外,他们中的大多数都有一个启用的工具栏。

当我调整编辑器的大小时,它的高度会发生变化(当然:D)。在这种情况下,它是用户有意的。但是当我切换工具栏时,高度会发生很大变化,这不是用户有意或想要的。

在展开或折叠工具栏时,是否有可能让编辑器保持其调整大小的高度?最后,无论工具栏是展开还是折叠,编辑器总共应保持相同的高度。

希望我能理解我的问题:)

Collapsed: 280px Expanded: 329px

这两个州应该有280px

1 个答案:

答案 0 :(得分:0)

在折叠或展开工具栏之前存储高度,然后重新应用它。对于名为editor1的CKEditor实例:

let ckHeight;

CKEDITOR.instances.editor1.on('beforeCommandExec', function(evt) {
    if (evt.data.name == 'toolbarCollapse') {
        ckHeight = evt.editor.container.$.offsetHeight;
    }
});

CKEDITOR.instances.editor1.on('afterCommandExec', function(evt) {
    if (evt.data.name == 'toolbarCollapse') {
        evt.editor.resize(evt.editor.container.$.offsetWidth, ckHeight);
    }
});