angular_quill
angular_quill copied to clipboard
Angular dart component for the Quill rich text editor
Angular Quill
An angular dart component for the Quill rich text editor
See it in action
Visit https://adamlofts.github.io/angular_quill_example/build/web/index.html
And view the corresponding example source code.
Usage
Add the dependency to pub:
dependencies:
angular_quill:
Add the component to your template
<my-app>
<quill
[(ngModel)]="html"
placeholder="Write something..."
(blur)="blur()"
(input)="input()"
></quill>
</my-app>
Add quillDirectives to the directives on your app component
@Component(
selector: 'my-app',
templateUrl: 'app_component.html',
directives: const [COMMON_DIRECTIVES, quillDirectives],
)
class AppComponent {}
Include Quill JS and css files in your app html.
<head>
<script src="packages/angular_quill/quill-1.2.4/quill.min.js"></script>
<link rel="stylesheet" href="packages/angular_quill/quill-1.2.4/quill.snow.css">
</head>