Tiptap StarterKit

@syfxlin/tiptap-starter-kit is a collection of unofficial Tiptap extensions. Support for Markdown, Float Menu, Slash Menu and more.

Features

Out of the box.
Better Markdown support, based on remark.
Slash menu for Node insertion, with search filter support.
Float menu for Mark insertion, with status display support.
Click menu(a.k.a Drag & Drop button) for support dragging the selected content to the specified position.
Supports copy and paste Markdown or upload files on paste.
More content block support, such as emoji, mermaid, formulas, etc.

Theme

Theme configuration

Included extensions

Some of the extensions are inherited from the official Tiptap extensions, and the changes are minor, so the documentation is not provided for the time being, will be added later.

Marks

Nodes

Extensions

Installation

pnpm i @syfxlin/tiptap-starter-kit @tiptap/core @tiptap/pm
# or
npm i @syfxlin/tiptap-starter-kit @tiptap/core @tiptap/pm
# or
yarn add @syfxlin/tiptap-starter-kit @tiptap/core @tiptap/pm

Usage

import { useEditor } from "@tiptap/react";
import { StarterKit } from "@syfxlin/tiptap-starter-kit";

const editor = useEditor({
  extensions: [
    StarterKit.configure({
      // disable
      emoji: false,
      // configure
      heading: {
        levels: [1, 2],
      },
    }),
  ],
});

Thanks

Milkdown
Outline
Notion
and more...

Maintainer

@syfxlin/tiptap-starter-kit is written and maintained with the help of Otstar Lin and the following contributors.

License

Released under the MIT License.

syfxlin / tiptap-starter-kit

readme