fix to use with sveltekit
This commit is contained in:
71
README.md
Normal file
71
README.md
Normal file
@@ -0,0 +1,71 @@
|
||||
# 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)
|
||||
Reference in New Issue
Block a user