svelte-quill/README.md

svelte-quill

---

Svelte component

Install

$ npm i @resultium/svelte-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

<script>
  import {Editor} from '@resultium/svelte-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 MIT © Resultium LLC