KillerCodeMonkey / ngx-quill

Angular (>=2) components for the Quill Rich Text Editor
MIT License
1.79k stars 264 forks source link

Height in given percentage / full screen editor #1906

Closed jowin202 closed 4 months ago

jowin202 commented 4 months ago

Hello,

I'm currently using the editor like this:

<quill-editor [(ngModel)]="htmlText"
  placeholder="Enter Text"
  [modules]="quillConfig"
  [styles]="{minHeight: '250px', maxHeight: '500px', overflow: 'auto'}"></quill-editor>

The sizes are adjustable as long as I give the size in pixels. However, if I want the editor to fill the whole page (depending on screen size), it does not work. I can't enter something like height: '90%', this values will be ignored. Is there any minimal example, where the editor takes ~90% of screen height?

kind regards

KillerCodeMonkey commented 4 months ago

percentage is not working since the parents do not have a real height i guess. using "vh" should work out of the box. In any other cases you need to make sure that the parent nodes have a height.

Bildschirmfoto_20240730_081133

jowin202 commented 4 months ago

thank you, this has solved everything :)