svelte-quill
A package that contains a single action to be used on an element where you want to use QuillJS.
Demos
Installation
yarn add svelte-quill
Note: Install as a dev dependency (yarn add svelte-select --dev) if using Sapper to avoid a SSR error.
Usage
Simply use the action and listen to events using the text-change
event. The event details contain the html
(innerHTML, conveniently used with Sveltes @html
directive) and text
(a string of the contents).
content =e.detail}/>
Options
modules: toolbar: header: 1 2 3 false "bold" "italic" "underline" "strike" "link" "code-block" placeholder: "Type something..." theme: "snow"
To customize you can pass in any of these options like so:
placeholder: "Something Custom?";
Styling
Styling is done using the regular Quill CSS. You can either import them using ´svelte:head´ or add the css to some global.css file.
Here is an example: