我在我的角度组件中使用了丰富的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>
添加这个例如:
[style]="{height: '250px'}"
你的羽毛笔编辑
<quill-editor id="editor" name="htmlContent" [(ngModel)]="model.htmlContent"
[style]="{height: '250px'}" #htmlContent="ngModel">
您始终可以检查元素以查看哪些类绑定到它。 Quill的文本区域有.ql-editor
。所以,它看起来像:
.ql-snow .ql-editor{height: 500px;}