How to set CKEditor 5 height

Question

Using CKeditor angular component How to set the editor height?

According to the docs, it can be done by setting the editor style to:

 min-height: 500px !important;

But it doesn't work!

Answer 1

If you add it to the global stylesheet the following should work:

.ck-editor__editable_inline {
    min-height: 500px !important;
}

But if you want to style through the component.css you need to type this:

:host ::ng-deep .ck-editor__editable_inline {
    min-height: 500px !important;
}