Package Exports

ngx-quill-lite

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ngx-quill-lite) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ngx-quill-lite

An Angular library that lazy loads Quill JavaScript and its theme CSS. Dependencies: @angular/common, @angular/core, @angular/forms, @angular/platform-browser; Released assets from Quill.

Demo

Features

Only load Quill js/css when needed. i.e., Quill is not bundled in your application.
Optimized toolbar and default configurations for common usages.
This component binds the following:

  @Input() html = '';
  @Output() htmlChange = new EventEmitter<string>();

Notes

This library is not intended to be widely used. It is build to fit my own needs.

Extending this library is in my plan. PRs are welcome too.

Usage

Download Quill based on instructions here.
Copy & Paste quill.min.js and quill.snow.css to assets\quill folder. These two files will be lazy loaded during component initialization.
Import NgxQuillLite module into the module uses Quill rich text editor.
Include quill-editor by <quill-editor [(html)]="html"></quill-editor> in your component. quill-editor has two way bindings with your html string.

Why this library

I have read and contributed to ngx-quill, which is a good libary and I recommend you use that libary if you have more requirements.

My goal of making ngx-quill-lite is to have lazy loading feature, because most of my applications only need Quill in one or two pages. Thus, a specialized library is in need, which gives birth to ngx-quill-lite.