# svelte-editor-quill

[![NPM version][npm-img]][npm]
[![Build Status][ci-img]][ci]


[npm-img]:         https://img.shields.io/npm/v/@tadashi/svelte-editor-quill.svg
[npm]:             https://www.npmjs.com/package/@tadashi/svelte-editor-quill
[ci-img]:          https://github.com/lagden/svelte-editor-quill/workflows/Node.js%20CI/badge.svg
[ci]:              https://github.com/lagden/svelte-editor-quill/actions?query=workflow%3A%22Node.js+CI%22

---

Svelte component


## Install

```
$ npm i @tadashi/svelte-editor-quill
```


## Usage

See an example here: https://svelte.dev/repl/839ad6a3e1e24b149099c704e18df476?version=3.32.3

### options

> Type: object  
> Default: {theme: 'snow'}

See the `options` here: https://quilljs.com/docs/configuration/#options


### options.plainclipboard

> Type: boolean  
> Default: false

Accept only paste plain text.


### Sample

```html
<script>
  import {Editor} from '@tadashi/svelte-editor-quill'

  const options = {
    theme: 'snow',
    plainclipboard: true
  }

  function onTextChange(event) {
    console.log(event.detail)
  }
</script>

<svelte:head>
  <link rel="preconnect" href="https://cdn.quilljs.com" crossorigin>
  <link rel="stylesheet" href="https://cdn.quilljs.com/1.3.7/quill.snow.css">
</svelte:head>

<Editor {options} on:text-change={onTextChange} data='Apenas um show' />
```


## License

MIT © [Thiago Lagden](https://github.com/lagden)