Text Editor

NPM

Install ngx-quill using npm

ngx-quill

npm install ngx-quill --save

Dependencies

No Dependencies for this module.

Includes

Include css file in angular.json file inside styles":[ ]

path

assets/css/quill.snow.css

assets/css/quill.bubble.css

UI-Components Module

Add FileEditorModule into your UIComponentsModule class. ui-components.module.ts would look like this

    
    import { NgModule } from '@angular/core';
    import { CommonModule } from "@angular/common";
    import { FormsModule, ReactiveFormsModule } from '@angular/forms';
    import { QuillModule } from 'ngx-quill' 
    import { UploadComponent } from './extra/upload/upload.component';
    
    @NgModule({                           
    imports: [QuillModule],
    declarations: [UploadComponent]
    })
    export class UIComponentsModule { }
                    

Editor Markup

Editor.component.html would look like this

                                       
    <quill-editor [style]="{height: '200px'}" ></quill-editor>
                            

Refer following links for usage: