CKEDITOR 4 : 도구 모음을 전환 할 때 편집기 높이 유지

Question

ckeditor 4의 클래식 버전을 사용합니다. 제가 작업중인 시스템은 자체 작성된 CMS입니다. 즉, 필자는 ckeditor가 필요한 여러 사례를 가지고 있음을 의미합니다. 그들 중 일부는 resizing-option/plugin이 활성화되어 있습니다. 또한 대부분의 도구 모음이 활성화되어 있습니다.

편집기의 크기를 조정할 때 높이가 변경됩니다 (물론 : D). 이 경우, 이는 사용자가 의도 한 것입니다. 그러나 툴바를 토글 할 때, 높이가 많이 바뀌며 이는 의도적이거나 사용자가 원하지 않는 것입니다.

툴바를 펼치거나 접을 때 편집기의 크기를 다시 조절할 수 있습니까? 결국, 툴바가 확장되거나 축소되었는지에 관계없이 편집기의 전체 높이는 동일 높이에 있어야합니다.

희망은 내가 알기 쉽게 내 문제를 설명 :

Collapsed: 280px Expanded: 329px

두 국가가 바로 접거나 도구 모음을 확장하기 전에 280px

Answer 1

스토어 높이를 가지고, 그 후 다시 적용해야합니다. 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); 
    } 
});