svelte-example-minimal

PreviousNext

Minimal editor setup with basic functionality.

Docs
prosekitblock

Preview

Loading preview…
registry/src/svelte/examples/minimal/editor.svelte
<script lang="ts">
import 'prosekit/basic/style.css'
import 'prosekit/basic/typography.css'

import { defineBasicExtension } from 'prosekit/basic'
import { createEditor } from 'prosekit/core'
import { ProseKit } from 'prosekit/svelte'

const extension = defineBasicExtension()
const editor = createEditor({ extension })
</script>

<ProseKit {editor}>
  <div {@attach editor.mount} class="outline-solid p-4"></div>
</ProseKit>

Installation

npx shadcn@latest add @prosekit/svelte-example-minimal

Usage

import { SvelteExampleMinimal } from "@/components/svelte-example-minimal"
<SvelteExampleMinimal />