https://github.com/changhuixu/angular-quill-editor
A light weight Angular wrapper of Quilljs, powerful rich text editor
https://github.com/changhuixu/angular-quill-editor
angular angular17 angular18 editor quill-editor quill2 quilljs rich-text-editor
Last synced: 5 months ago
JSON representation
A light weight Angular wrapper of Quilljs, powerful rich text editor
- Host: GitHub
- URL: https://github.com/changhuixu/angular-quill-editor
- Owner: changhuixu
- License: mit
- Created: 2019-01-09T02:08:27.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2024-07-02T15:56:13.000Z (over 1 year ago)
- Last Synced: 2025-04-06T23:51:42.796Z (6 months ago)
- Topics: angular, angular17, angular18, editor, quill-editor, quill2, quilljs, rich-text-editor
- Language: TypeScript
- Homepage: https://changhuixu.github.io/angular-quill-editor/
- Size: 1.04 MB
- Stars: 21
- Watchers: 3
- Forks: 7
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# ngx-quill-lite
An Angular library that lazy loads [Quill](https://quilljs.com/) JavaScript and its theme CSS.
Dependencies: @angular/common, @angular/core, @angular/forms, @angular/platform-browser; Released assets from Quill.
[](https://www.npmjs.com/package/ngx-quill-lite)
## [Demo](https://ngx-quill-editor.netlify.com/)
### Features
1. Only load Quill js/css when needed. i.e., Quill is not bundled in your application.
1. Optimized toolbar and default configurations for common usages.
### 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
1. Download Quill based on instructions [here](https://quilljs.com/docs/download/).
1. Copy & Paste `quill.min.js` and `quill.snow.css` to `assets\quill` folder. These two files will be lazy loaded during component initialization.
1. Import `NgxQuillLite` module into the module uses Quill rich text editor.
1. Include quill-editor by `` in your component. `quill-editor` has two way bindings with your `html` string.
1. This component binds the following:
```TypeScript
@Input() html = '';
@Output() htmlChange = new EventEmitter();
```
## Why this library
I have read and contributed to [ngx-quill](https://github.com/KillerCodeMonkey/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](https://github.com/changhuixu/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](https://github.com/changhuixu/ngx-quill-lite).