Как установить высоту компонента html-редактора rich

Question

Я использую богатый HTML-редактор Quill в моем угловом компоненте.У меня вопрос, как я могу установить высоту области редактирования.

Я использую angular-7, bootstrap и font-awesome (все последние)

Я не могу найти ничего в документацииза это.

спасибо

Йохан

Ниже моя форма и пример формы

<form name="form" (ngSubmit)="f.form.valid && onSubmit()" #f="ngForm" novalidate>
<div class="form-group">
    <label for="htmlContent">Content</label>
    <quill-editor id="editor" name="htmlContent" [(ngModel)]="model.htmlContent" #htmlContent="ngModel">
    </quill-editor>
</div>
<div class="form-group">
    <button class="btn btn-primary mr-2">Opslaan</button>
    <button (click)="cancel()" type="button" class="btn btn-secondary mr-2">Annuleer</button>
</div>

Answer 1

добавить это, например, для:

 [style]="{height: '250px'}"

вашему перьевому редактору

<quill-editor id="editor" name="htmlContent" [(ngModel)]="model.htmlContent" 
[style]="{height: '250px'}" #htmlContent="ngModel">

Answer 2

Вы всегда можете проверить элемент, чтобы увидеть, какие классы связаны с ним. Quill имеет .ql-editor для своей текстовой области. Итак, это будет выглядеть так:

.ql-snow .ql-editor{height: 500px;}