72 lines
1.4 KiB
Markdown
72 lines
1.4 KiB
Markdown
# 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=4.2.8
|
|
|
|
### 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)
|