Как да зададете височина на CKEditor 5

Използване на ъглов компонент на CKeditor Как да настроя височината на редактора?

Според документите това може да стане, като зададете стила на редактора на:

 min-height: 500px !important;

Но не става!


person Suhayb    schedule 24.09.2018    source източник


Отговори (1)


Ако го добавите към глобалния стилов лист, следното трябва да работи:

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

Но ако искате да стилизирате чрез component.css, трябва да въведете това:

:host ::ng-deep .ck-editor__editable_inline {
    min-height: 500px !important;
}
person Maciej Bukowski    schedule 24.09.2018
comment
добавихте ли това правило към файла със стилова таблица на Ck Editor или към файла със стилова таблица на компонента, който го хоства? - person Suhayb; 24.09.2018
comment
Сигурни ли сте, че стилът е зареден? Редактирам styles.css в ъгловия пример и той работи добре. - person Maciej Bukowski; 24.09.2018
comment
аха, сега работи, добавях го към компонента CSS, а не app styles.css, това е свързано, благодаря ви, редактирайте отговора с последния си коментар - person Suhayb; 24.09.2018
comment
о Имате право, съжалявам за объркването, ще актуализирам отговора с подходящ метод. - person Maciej Bukowski; 24.09.2018
comment
Ако искате да използвате първата опция и да не поставяте във вашия глобален добавете капсулиране none към компонента. капсулиране: ViewEncapsulation.None - person Eray T; 10.09.2019