# Angular Quill

An angular dart component for the Quill rich text editor

## [See it in action](https://adamlofts.github.io/angular_quill_example/build/web/index.html) 

Visit https://adamlofts.github.io/angular_quill_example/build/web/index.html

And view the corresponding [example source code](https://github.com/adamlofts/angular_quill_example/blob/master/web/app_component.html). 

## Usage

Add the dependency to pub:

```yaml
dependencies:
  angular_quill: ^0.0.4
```

Add the component to your template

```html
<my-app>
    <quill
            [(ngModel)]="html"
            placeholder="Write something..."
            (blur)="blur()"
            (input)="input()"
    ></quill>
</my-app>

```

Add `quillDirectives` to the directives on your app component

```dart
@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.

```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>
```
# Angular Quill

An angular dart component for the Quill rich text editor

## [See it in action](https://adamlofts.github.io/angular_quill_example/build/web/index.html) 

Visit https://adamlofts.github.io/angular_quill_example/build/web/index.html

And view the corresponding [example source code](https://github.com/adamlofts/angular_quill_example/blob/master/web/app_component.html). 

## Usage

Add the dependency to pub:

```yaml
dependencies:
  angular_quill:
```

Add the component to your template

```html
<my-app>
    <quill
            [(ngModel)]="html"
            placeholder="Write something..."
            (blur)="blur()"
            (input)="input()"
    ></quill>
</my-app>

```

Add `quillDirectives` to the directives on your app component

```dart
@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.

```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>
```

Update readme to remove old version number
Update readme to remove old version number