Как установить высоту 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 в примере angular, и он работает хорошо. - person Maciej Bukowski; 24.09.2018
comment
ага, теперь это работает, я добавлял его в компонент CSS, а не в приложение styles.css, это связано, спасибо, отредактируйте ответ своим последним комментарием. - person Suhayb; 24.09.2018
comment
Ой. Вы правы, извините за путаницу, я обновлю ответ правильным методом. - person Maciej Bukowski; 24.09.2018
comment
Если вы хотите использовать первый вариант и не добавлять в глобальную инкапсуляцию none для компонента. инкапсуляция: ViewEncapsulation.None - person Eray T; 10.09.2019