Nuxt Tiptap Editor

Integrating Tiptap into a Nuxt app normally means installing and wiring up a long list of packages by hand. This module does that for you: it registers Tiptap’s useEditor composable, the EditorContent component, the StarterKit nodes/marks/extensions, and a custom image-upload extension as Nuxt auto-imports.

The result is a headless, fully customizable editor you can render with a single component and style however you like — no global registration, no manual transpile config, and SSR handled automatically.

What is it?

Why this module exists and what it does for you. Read the overview

Quick Setup

Install, register the module, and render your first editor. Get started

Examples

Working components for basic editing, pre-filling, syntax highlighting, placeholders, and image upload. Browse examples

Auto-imports

The full reference of every composable, component, node, mark, and extension the module registers. See the reference