ngx-editor: Fixing the position of ngx-editor-menu

[henafufa]

Now I need to scroll up to edit the bottom contents, how can make the ngx-editor-menu be fixed when it gets scrolled within this div?

  <div class="editor">
         <ngx-editor-menu [editor]="editor" [toolbar]="toolbar"> </ngx-editor-menu>
        <ngx-editor [editor]="editor" formControlName="note"> </ngx-editor>
     </div>

To make it more clear, I am not referring to the floating menu
Any help would be greatly appreciated.

[henafufa]

I get it right

[sibiraj-s]

Glad you got it fixed.

Just as a note.
The editor and editor-menu are two different components its upto you how do you apply styles on them, align them, place them. etc.

[henafufa]

Hi Sibraj I hope all is well with you How to set maxlength on editor. I can't find any config variable to limit character count

…

On Tue, Jul 18, 2023 at 2:08 PM Sibiraj ***@***.***> wrote: Glad you got it fixed. Just as a note. The editor and editor-menu are two different components its upto you how do you apply styles on them, align them, place them. etc. — Reply to this email directly, view it on GitHub <#486 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AI7TSJN6FJ3ILZFXDSS3ZHLXQZVD3ANCNFSM6AAAAAA2OD3XCA> . You are receiving this because you modified the open/close state.Message ID: ***@***.*** com>

[sibiraj-s]

See https://sibiraj-s.github.io/ngx-editor/examples/reactive-forms/#validators

[henafufa]

I have tried that, Validators.maxLength(maxLength) doesn't actually work I did provide my code <form [formGroup]="form"> <ngx-editor class="w-full" [editor]="editor" formControlName="editorContent" [placeholder]="'Add notes here...'"

</ngx-editor> </form> form = new FormGroup({ editorContent: new FormControl(null, [Validators.required(), Validators. maxLength(500)]), });

…

On Sun, Sep 1, 2024 at 9:18 AM Sibiraj ***@***.***> wrote: See https://sibiraj-s.github.io/ngx-editor/examples/reactive-forms/#validators — Reply to this email directly, view it on GitHub <#486 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AI7TSJLYDB7OCN2HSV2QPUTZUKWTLAVCNFSM6AAAAABNH2BBB6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTANJRGAZTQMQ> . You are receiving this because you modified the open/close state.Message ID: ***@***.*** com>

[henafufa]

https://stackblitz.com/edit/ngx-editor-2fzuev?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html

…

On Tue, Sep 3, 2024 at 1:54 PM Hena f ***@***.***> wrote: I have tried that, Validators.maxLength(maxLength) doesn't actually work I did provide my code <form [formGroup]="form"> <ngx-editor class="w-full" [editor]="editor" formControlName="editorContent" [placeholder]="'Add notes here...'" > </ngx-editor> </form> form = new FormGroup({ editorContent: new FormControl(null, [Validators.required(), Validators. maxLength(500)]), }); On Sun, Sep 1, 2024 at 9:18 AM Sibiraj ***@***.***> wrote: > See > https://sibiraj-s.github.io/ngx-editor/examples/reactive-forms/#validators > > — > Reply to this email directly, view it on GitHub > <#486 (reply in thread)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/AI7TSJLYDB7OCN2HSV2QPUTZUKWTLAVCNFSM6AAAAABNH2BBB6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTANJRGAZTQMQ> > . > You are receiving this because you modified the open/close state.Message > ID: ***@***.*** > com> >