tiptap/docs/api/extensions/starter-kit.md

description	icon
All the popular extensions in a single extension, doesn’t get much better than this.	star-smile-line

StarterKit

The StarterKit is a collection of the most popular tiptap extensions. If you’re just getting started, this extension is for you.

Installation

# with npm
npm install @tiptap/starter-kit

# with Yarn
yarn add @tiptap/starter-kit

Included extensions

Nodes

• Blockquote
• BulletList
• CodeBlock
• Document
• HardBreak
• Heading
• HorizontalRule
• ListItem
• OrderedList
• Paragraph
• Text

Marks

• Bold
• Code
• Italic
• Strike

Extensions

• Dropcursor
• Gapcursor
• History

Source code

packages/starter-kit/

Usage

Pass StarterKit to the editor to load all included extension at once.

import { Editor } from '@tiptap/core'
import StarterKit from '@tiptap/starter-kit'

const editor = new Editor({
  content: '<p>Example Text</p>',
  extensions: [
    StarterKit,
  ],
})

You can configure the included extensions, or even disable a few of them, like shown below.

import { Editor } from '@tiptap/core'
import StarterKit from '@tiptap/starter-kit'

const editor = new Editor({
  content: '<p>Example Text</p>',
  extensions: [
    StarterKit.configure({
      // Disable an included extension
      history: false,

      // Configure an included extension
      heading: {
        levels: [1, 2],
      },
    }),
  ],
})