tiptap/docs/src/docPages/guide/configuration.md

Configuration

toc

Introduction

tiptap is all about customization. There are a ton of options to configure the behavior and functionality of the editor. Most of those settings can be set before creating the Editor. Give tiptap a JSON with all the settings you would like to overwrite.

Overwrite the default settings

See an example with autofocus: true here:

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

new Editor({
  element: document.querySelector('.element'),
  extensions: defaultExtensions(),
  content: '<p>Hey there!</p>',
  autofocus: true,
})

This will set the focus to tiptap after the editor is initialized. Of course, there are way more options available.

Check out the API documentation to see all available options.