svelte-pell
1.0.2 • Public • Published
Svelte-Pell
An implementation of Pell as a Svelte Component.
1. Installation
From npm:
npm i -D svelte-pell
2. Basic Usage
<script>
import PellEditor from "svelte-pell";
let html = '';
</script>
<PellEditor bind:html={html} />
3. Configuration
// Refer to https://github.com/jaredreich/pell for all configuration options.
<script>
import PellEditor from "svelte-pell";
</script>
<PellEditor
defaultParagraphSeparator="div"
styleWithCSS={false}
actions={[
'bold',
'underline',
'strikethrough'
]}
classes={{
actionbar: 'pell-actionbar',
button: 'pell-button',
content: 'pell-content',
selected: 'pell-button-selected'
}}
/>
4. Binding to Change Event
This is most likely-unnecessary since you can use bind:html
Instead but:
<script>
import PellEditor from "svelte-pell";
function changeHandler(e) {
const { html } = e.detail;
console.log(html);
}
</script>
<PellEditor on:change={ changeHandler } />
Versions
Current Tags
- VersionDownloads (Last 7 Days)
- 1.0.2
0
Version History
Package Sidebar
Install
Weekly Downloads