markdown-kit

PreviousNext
Docs
platecomponent

Preview

Loading preview…
registry/components/editor/plugins/markdown-kit.tsx
import { MarkdownPlugin, remarkMdx, remarkMention } from '@platejs/markdown';
import { KEYS } from 'platejs';
import remarkGfm from 'remark-gfm';
import remarkMath from 'remark-math';

export const MarkdownKit = [
  MarkdownPlugin.configure({
    options: {
      plainMarks: [KEYS.suggestion, KEYS.comment],
      remarkPlugins: [remarkMath, remarkGfm, remarkMdx, remarkMention],
    },
  }),
];

Installation

npx shadcn@latest add @plate/markdown-kit

Usage

import { MarkdownKit } from "@/components/markdown-kit"
<MarkdownKit />