NOTE: This repository is now archived as tiptap 2.0 has official support for Svelte.
This editor is ported from tiptap, which is based on Prosemirror.
It is fully extendable and renderless. You can easily add custom nodes as Svelte components.
TODO: Package for NPM
yarn add -D tiptap-svelte etc# clone tiptap-svelte
git clone https://github.com/andrewjk/tiptap-svelte.git
cd tiptap-svelte
# install the dependencies for each project
cd tiptap-svelte && yarn install && cd ..
cd tiptap-svelte-extensions && yarn install && cd ..
cd tiptap-svelte-examples && yarn install && cd ..
# run the examples project
cd tiptap-svelte-examples
yarn run devThen point your browser to http://localhost:3000.
<script>
// Import the editor
import { Editor, EditorContent } from 'tiptap-svelte';
import { onMount, onDestroy } from 'svelte';
let editor;
onMount(() => {
editor = new Editor({
content: '<p>This is just a boring paragraph</p>',
})
});
onDestroy(() => {
if (editor) {
editor.destroy()
}
});
</script>
{#if editor}
<EditorContent {editor} />
{/if}