Angular Rich Quill Editor

A reusable Angular component that wraps the Quill.js rich text editor, built as a library for easy integration with Angular applications using Reactive Forms or ngModel.

📦 Installation

Install the library via npm:

npm install angular-rich-quill-editor --save


import { QuillEditorModule } from 'angular-rich-quill-editor';

@NgModule({
  imports: [QuillEditorModule],
})
export class AppModule {}


// component.ts
this.form = this.fb.group({
  description: ['']
});


<!-- component.html -->
<form [formGroup]="form">
  <app-quill-editor
    formControlName="description"
    [placeholder]="'Enter description...'"
    (onContentChanged)="onEditorChange($event)">
  </app-quill-editor>
</form>


<app-quill-editor
  [(ngModel)]="content"
  name="content"
  [placeholder]="'Write your message...'"
  (onContentChanged)="onEditorChange($event)">
</app-quill-editor>
![alt text](image.png)