Ckeditor5 Set Height [updated]

Use min-height and max-height to allow the editor to grow with content but stay within a specific range.

This approach ensures that when the browser window resizes, the automatically adapts. ckeditor5 set height

@media (min-width: 1024px) .ck-editor__editable min-height: 600px; Use min-height and max-height to allow the editor

)

If you prefer a fixed height with scrolling when content exceeds the limit: const viewportHeight = window.innerHeight

// Example: Responsive height based on screen size .then( editor => const viewportHeight = window.innerHeight; const editorHeight = viewportHeight * 0.5; // 50% of screen height editor.ui.view.editable.element.style.height = `$editorHeightpx`;