https://github.com/demonicious/svelte-pell

Pell implementation as a Svelte Component
https://github.com/demonicious/svelte-pell

Last synced: about 1 month ago
JSON representation

Pell implementation as a Svelte Component

• Host: GitHub
• URL: https://github.com/demonicious/svelte-pell
• Owner: Demonicious
• Created: 2020-09-05T10:02:42.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2020-10-06T00:22:57.000Z (about 4 years ago)
• Last Synced: 2024-10-06T04:08:05.630Z (about 1 month ago)
• Language: Svelte
• Size: 9.77 KB
• Stars: 9
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![svelte-pell](https://i.imgur.com/aS1a1Sw.png)

### Svelte-Pell

An implementation of [Pell](https://github.com/jaredreich/pell) as a Svelte Component.

#### 1. Installation

From [npm](https://npmjs.com/package/svelte-pell):

```

npm i -D svelte-pell

```

#### 2. Basic Usage

```html

    import PellEditor from "svelte-pell";

    let html = '';

```

#### 3. Configuration

```html

// Refer to https://github.com/jaredreich/pell for all configuration options.

    import PellEditor from "svelte-pell";

```

#### 4. Binding to Change Event

This is most likely-unnecessary since you can use `bind:html` Instead but:

```html

    import PellEditor from "svelte-pell";

    function changeHandler(e) {

        const { html } = e.detail;

        console.log(html);

    }

```