如何设置富html编辑器组件的高度

Question

我在我的angular组件中使用了富html编辑器Quill。我的问题是如何设置编辑区域的高度。

我使用的是angular-7，bootstrap和font- and (都是最新的)

我在文档中找不到任何与此相关的内容。

谢谢

约翰

下面是我的表单和该表单的示例

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