Svelte Typewriter

A rich text editor for Svelte using Typewriter. WIP.

Installing

npm install --save @cairocoder/svelte-typewriter

1import { Editor } from '@cairocoder/svelte-typewriter';
2
3<Editor
4toolbar={[
5  [ 'heading' ],
6  [ 'bold', 'italic', 'link', 'code' ],
7  [ 'image' ]
8]}
9on:text-change={({ detail }) => {
10  console.log(detail) // change, contents, oldContents, oldSelection, selection, source
11}}
12on:text-changing={({ detail }) => {
13  console.log(detail) // change, contents, oldContents, oldSelection, selection, source
14}}
15on:selection-change={({ detail }) => {
16  console.log(detail) // selection, oldSelection, source
17}}
18/>

Upcoming

• Custom Toolbar Button API
• Tests