@ngx-tiny/quill-editor

Angular Quill Editor.

• Angular 10 implementation
• Works with SSR
• Lazy Loads quill script and styling when init the first time on a view
• Works with Angular Forms and Standalone

Installation

$ npm i @ngx-tiny/quill-editor

Example

Documentation

Full Docs:

You can find the full documentation at https://aavanzyl.github.io/ngx-tiny which includes

• Installation instructions
• Usage and Demos
• API Reference

Quick Start:

1. Install with npm: npm install @ngx-tiny/quill-editor --save

2. Add NgxQuillEditorModule to your @NgModule like example below

   
   import { NgModule } from '@angular/core';
   import { BrowserModule } from '@angular/platform-browser';
   import { NgxQuillEditorModule } from '@ngx-tiny/quill-editor';
      
   import { AppComponent } from './app.component';
      
   @NgModule({
       imports: [BrowserModule, NgxQuillEditorModule],
       declarations: [AppComponent],
       bootstrap: [AppComponent]
   })
      
   export class AppModule { }
   

3. Add the component to your view for basic

   <ngx-quill-editor [content]="content" (changed)="onContentChange($event)"></ngx-quill-editor>

   or for Angular forms

   <form [formGroup]="myForm" (ngSubmit)="onSubmit()">
       <ngx-quill-editor formControlName="content"></ngx-quill-editor>
       <button class="btn" type="submit">Submit</button>
   </form>

   The examples above are basic. See more examples in the docs.

Support

Support me by becoming a patron and buying me a beer :)

License

See the LICENSE file.