2017-12-08 8 views
0

Ich verwende die klassische Version von ckeditor 4. Das System, mit dem ich arbeite, ist ein selbst geschriebenes CMS. Das bedeutet, dass ich mehrere Fälle habe, in denen ich den Ckeditor brauche. Bei einigen von ihnen ist die Größenänderungsoption/das Plugin aktiviert. Darüber hinaus verfügen die meisten von ihnen über eine aktivierte Symbolleiste.CKEDITOR 4: Editorhöhe beim Umschalten der Werkzeugleiste beibehalten

Wenn ich die Größe des Editors ändere, ändert sich die Höhe (natürlich: D). In diesem Fall ist es beabsichtigt vom Benutzer. Aber wenn ich die Symbolleiste umschalte, ändert sich die Höhe sehr, was nicht beabsichtigt oder vom Benutzer gewünscht ist.

Gibt es eine Möglichkeit, die Höhe des Editors beim Erweitern oder Reduzieren der Symbolleiste beizubehalten? Am Ende sollte der Editor insgesamt auf der gleichen Höhe bleiben, egal ob die Toolbar erweitert oder minimiert ist. nachvollziehbarer

Hoffnung beschrieben ich mein Problem :)

Collapsed: 280px Expanded: 329px

Beide Staaten 280px

Antwort

0

Shop die Höhe kurz vor dem Kollabieren oder Expandieren der Symbolleiste danach sie und erneut anwenden sollte. Für eine CKEditor-Instanz mit der Bezeichnung editor1:

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); 
    } 
}); 
Verwandte Themen