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
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.component.html
would look like this
<quill-editor [style]="{height: '200px'}" ></quill-editor>
Refer following links for usage:
Type | URL |
---|---|
Plugin Github Page | https://github.com/KillerCodeMonkey/ngx-quill |
Template Page | https://modernadmin.evolvision.com/extraComponents/texteditor |