angularckeditorshadow-domckeditor5

How to set CKEditor 5 height

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!

Solution

  • 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;
}