Курсор должен перейти на новую строку, если я превышаю длину символа

Question

Я пытаюсь использовать редактор Quill таким образом, чтобы при превышении 50 символов в одной строке курсор сразу переходил на новую строку.

Но мой курсор не переходит на новую строку.

Ниже мой код.

HTML

    <quill-editor class="editor" [(ngModel)]="currentStep.Description" id="description" (onContentChanged)="textChanged($event)">
        <div quill-editor-toolbar>
            <span class="ql-formats">
                <button class="ql-bold" [title]="'Bold'"></button>
            </span>
            <span class="ql-formats">
                <button class="ql-italic" [title]="'Italic'"></button>
            </span>
            <span class="ql-formats">
                <button class="ql-underline" [title]="'Underline'"></button>
            </span>
            <span class="ql-formats">
                <button class="ql-strike" [title]="'Strike'"></button>
            </span>

        </div>
    </quill-editor>

TS

textChanged($event: any) {
    if ($event.editor.getLength() > this.MAX_LENGTH) {
        this.currentStep.Description = $event.editor.getText();
        this.currentStep.Description = this.currentStep.Description + '\n';
        console.log(this.currentStep.Description);

        $event.editor.deleteText(this.MAX_LENGTH, $event.editor.getLength());
        // console.log($event.editor.deleteText(this.MAX_LENGTH, $event.editor.getLength()));
    }
}

Может кто-нибудь помочь мне перевести курсор на новую строку?