64 lines
1002 B
Markdown
64 lines
1002 B
Markdown
# svelte-editor-quill
|
|
|
|
---
|
|
|
|
Svelte component
|
|
|
|
|
|
## Install
|
|
|
|
```
|
|
$ npm i @resultium/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 '@resultium/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">
|
|
<link rel="stylesheet" href="https://cdn.quilljs.com/1.3.7/quill.snow.css">
|
|
</svelte:head>
|
|
|
|
<Editor {options} on:text-change={onTextChange} data='Lorem ipsum dolor' />
|
|
```
|
|
|
|
|
|
## License
|
|
|
|
MIT © [Thiago Lagden](https://github.com/lagden)
|
|
MIT © Resultium LLC
|