angular_quill 0.0.6

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: ^0.0.4

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>

Changelog

0.0.5

  • Update README

0.0.3

  • Split example out of main repo

0.0.1

  • Initial version, created by Stagehand

1. Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  angular_quill: "^0.0.6"

2. Install it

You can install packages from the command line:

$ pub get

Alternatively, your editor might support 'pub get'. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:angular_quill/angular_quill.dart';

Platforms

Web

About

Angular dart component for the Quill rich text editor

Author

Email adam.lofts@gmail.com Adam Lofts

Homepage

github.com/adamlofts/angular_quill

Documentation

www.dartdocs.org/documentation/angular_quill/0.0.6/

Uploader

adam.lofts@gmail.com

License

BSD

Published

Sep 5, 2017

Share