@syfxlin/tiptap-starter-kit
TypeScript icon, indicating that this package has built-in type declarations

1.0.8 • Public • Published

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

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.

Package Sidebar

Install

npm i @syfxlin/tiptap-starter-kit

Weekly Downloads

5

Version

1.0.8

License

MIT

Unpacked Size

907 kB

Total Files

8

Last publish

Collaborators

  • syfxlin