Description

An Angular 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>