svelte-sample-sample-doc-inline-menu

PreviousNext
Docs
prosekitcomponent

Preview

Loading preview…
registry/src/svelte/sample/sample-doc-inline-menu.ts
import type { NodeJSON } from 'prosekit/core'

const loremText =
  'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquet nec ullamcorper sit amet risus. Nam aliquam sem et tortor consequat id porta. Interdum posuere lorem ipsum dolor sit amet. Lectus sit amet est placerat in egestas erat. Egestas sed tempus urna et pharetra pharetra. Sit amet cursus sit amet dictum sit amet. Porttitor leo a diam sollicitudin. Tellus orci ac auctor augue. Tellus in hac habitasse platea dictumst vestibulum. At elementum eu facilisis sed odio morbi. Dolor magna eget est lorem ipsum. Et malesuada fames ac turpis egestas. Arcu risus quis varius quam quisque id diam. Purus viverra accumsan in nisl nisi scelerisque eu ultrices. Ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae.'

export const sampleContent: NodeJSON = {
  type: 'doc',
  content: [
    {
      type: 'paragraph',
      content: [
        {
          type: 'text',
          marks: [
            {
              type: 'bold',
            },
          ],
          text: 'Try to select some text',
        },
      ],
    },
    ...Array.from({ length: 10 }, () => ({
      type: 'paragraph' as const,
      content: [
        {
          type: 'text' as const,
          text: loremText,
        },
      ],
    })),
  ],
}

Installation

npx shadcn@latest add @prosekit/svelte-sample-sample-doc-inline-menu

Usage

import { SvelteSampleSampleDocInlineMenu } from "@/components/svelte-sample-sample-doc-inline-menu"
<SvelteSampleSampleDocInlineMenu />