# Tiptap Documentation > Tiptap is the headless and extensible rich-text editor framework tailored to modern web and app development needs. Every page is available as Markdown: append `.md` to any documentation URL, or send an `Accept: text/markdown` header. For a product overview and curated entry points, see https://tiptap.dev/llms.txt ## Authentication - [Authentication](https://tiptap.dev/docs/authentication.md): Authenticate Tiptap services (AI, Convert, Documents) with JWTs. Reference for claims, signing keys, permissions, and security best practices. ## Collaboration - [Awareness in Collaboration](https://tiptap.dev/docs/collaboration/core-concepts/awareness.md): Integrate real-time user activity tracking with Collaboration. Add user presence and cursor positions to your editor. - [Webhooks in Collaboration](https://tiptap.dev/docs/collaboration/core-concepts/webhooks.md): Set up and understand webhook payloads, and manage settings to integrate advanced features. Learn more in the docs! - [Manage Documents with Tiptap](https://tiptap.dev/docs/collaboration/documents.md): Use Tiptap Collaboration to store, manage, and track documents. Integrate with our REST API and webhooks for real-time updates. - [Inject content REST API](https://tiptap.dev/docs/collaboration/documents/content-injection.md): Manage your Collaboration documents with JSON updates using the Inject Content API. Learn more in our docs! - [Document management API](https://tiptap.dev/docs/collaboration/documents/rest-api.md): Manage your Tiptap documents programmatically with the Collaboration Management API. Find out more in the documentation. - [Integrate snapshots](https://tiptap.dev/docs/collaboration/documents/snapshot.md): Editor History for manual and automatic versioning of your documents. Learn how to set up and use it here in the Docs! - [Compare document versions](https://tiptap.dev/docs/collaboration/documents/snapshot-compare.md): Compare snapshots of your documents to see changes made between two versions. - [Authenticate and authorize in Collaboration](https://tiptap.dev/docs/collaboration/getting-started/authenticate.md): Secure and manage access in your collaborative editor with JWTs, covering setup, testing, and production integration. - [Install Collaboration](https://tiptap.dev/docs/collaboration/getting-started/install.md): Set up collaborative editing in your Tiptap Editor by following this installation guide. Learn more in our docs! - [Make your editor collaborative](https://tiptap.dev/docs/collaboration/getting-started/overview.md): Make your editor collaborative with Tiptap Collaboration on your premises or in our cloud. Learn more in our docs! - [Runtime configuration](https://tiptap.dev/docs/collaboration/operations/configure.md): Dynamically adjust collaboration settings in your document server with straightforward API calls. Adjust secrets, webhook URLs, and more. - [Server metrics and statistics](https://tiptap.dev/docs/collaboration/operations/metrics.md): Access server and document statistics of your Tiptap Document server. Learn more in our docs! - [State and change events](https://tiptap.dev/docs/collaboration/provider/events.md): Use event listeners with Tiptap Collaboration providers to manage real-time states and changes effectively. Learn more in the docs! - [Integrate the Collaboration provider](https://tiptap.dev/docs/collaboration/provider/integration.md): Set up and configure the Collaboration provider to manage real-time document synchronization across users. ## Comments - [Configure comments](https://tiptap.dev/docs/comments/core-concepts/configure.md): Configure TiptapCollabProvider and customize thread classes in your Tiptap editor. More in the docs! - [Manage threads in your editor](https://tiptap.dev/docs/comments/core-concepts/manage-threads.md): Manage discussions in Tiptap Editor using threads and comments with editor commands. More in our docs! - [Style comments in your editor](https://tiptap.dev/docs/comments/core-concepts/style-threads.md): Style and manage thread visibility in your Tiptap editor using CSS decoration classes for inline and block threads. - [Thread authentication](https://tiptap.dev/docs/comments/core-concepts/thread-authentication.md): Enforce ownership rules for threads and comments, preventing users from editing or deleting each other's discussions. - [Install the Comments extension](https://tiptap.dev/docs/comments/getting-started/install.md): Install the comments extension in Tiptap to add threaded discussions to your editor and app. Learn more in the docs! - [Integrate Comments into your app](https://tiptap.dev/docs/comments/getting-started/overview.md): Use the comments extension in Tiptap to add and manage comments in your Editor or via the REST API or Webhooks. More in the docs! - [Comments editor commands](https://tiptap.dev/docs/comments/integrate/editor-commands.md): Use editor commands to integrate comments and threads into your Tiptap Editor. Learn more in the docs! - [Comments REST API](https://tiptap.dev/docs/comments/integrate/rest-api.md): Use the Tiptap Comments REST API to manage threads and comments from outside the editor. More in the docs! - [Comments webhook](https://tiptap.dev/docs/comments/integrate/webhook.md): Enable and manage webhooks for Comments in Tiptap to receive notifications on thread and comment activities. More in the docs! ## Content Ai - [AI Agent extension API reference](https://tiptap.dev/docs/content-ai/capabilities/agent/api-reference.md): API reference for the Tiptap AI Agent extension. - [Changelog](https://tiptap.dev/docs/content-ai/capabilities/agent/changelog.md): Changelog for the AI Agent extension - [Configure custom nodes and marks](https://tiptap.dev/docs/content-ai/capabilities/agent/configure/custom-nodes.md): Learn how to configure the AI Agent extension so that it can generate and understand custom nodes and marks. - [AI Agent extension configuration options](https://tiptap.dev/docs/content-ai/capabilities/agent/configure/options.md): Learn how to configure the AI Agent extension for Tiptap. - [Customize the system prompt](https://tiptap.dev/docs/content-ai/capabilities/agent/configure/system-prompt.md): Learn how to customize the system prompt for the AI agent when using it with Tiptap Cloud. - [Client-side tools](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/client-side-tools.md): Learn how to call tools in the client-side from the AI Agent extension. - [Get started with a custom AI agent](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/get-started.md): Learn how to use the AI Agent extension with a custom AI agent. - [Get started with the Anthropic Claude Messages API](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/get-started/anthropic-messages.md): Learn how to use the AI Agent extension with the Anthropic Claude Messages API. - [Get started with the OpenAI Chat Completions API](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/get-started/openai-chat-completions.md): Learn how to use the AI Agent extension with the OpenAI Chat Completions API. - [Get started with the OpenAI Responses API](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/get-started/openai-responses.md): Learn how to use the AI Agent extension with the OpenAI Responses API. - [Get started with the Vercel AI SDK](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/get-started/vercel-ai-sdk.md): Learn how to use the AI Agent extension with the Vercel AI SDK. - [Add text-editing tools to your AI agent](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/overview.md): Learn how to add text-editing capabilities to your custom AI agent. - [Server-side tools](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/server-side-tools.md): Learn how to call tools in the server-side from the AI Agent extension. - [Server-side tools (Anthropic Claude Messages API)](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/server-side-tools/anthropic-messages.md): Learn how to call server-side tools using the Anthropic Claude Messages API. - [Server-side tools (OpenAI Chat Completions API)](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/server-side-tools/openai-chat-completions.md): Learn how to call server-side tools using the OpenAI Chat Completions API. - [Server-side tools (OpenAI Responses API)](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/server-side-tools/openai-responses.md): Learn how to call server-side tools using the OpenAI Responses API. - [Server-side tools (Vercel AI SDK)](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/server-side-tools/vercel-ai-sdk.md): Learn how to call server-side tools using the Vercel AI SDK. - [Configure the AI agent's tools](https://tiptap.dev/docs/content-ai/capabilities/agent/custom-llms/tools.md): Learn how to configure the AI agent's tools. - [Manage checkpoints](https://tiptap.dev/docs/content-ai/capabilities/agent/features/checkpoints.md): Learn how to manage checkpoints in the AI agent. - [Provide context](https://tiptap.dev/docs/content-ai/capabilities/agent/features/context.md): Learn how to add context to user messages - [Listen to events](https://tiptap.dev/docs/content-ai/capabilities/agent/features/events.md): Learn how to listen to events from the AI agent in Tiptap. - [Read large documents](https://tiptap.dev/docs/content-ai/capabilities/agent/features/large-documents.md): Learn how the AI agent reads the document in Tiptap. - [AI agent lifecycle](https://tiptap.dev/docs/content-ai/capabilities/agent/features/lifecycle.md): Learn about the lifecycle of an AI agent run in Tiptap. - [Available methods](https://tiptap.dev/docs/content-ai/capabilities/agent/features/methods.md): Learn about the available methods in the AI agent provider. - [Selection awareness](https://tiptap.dev/docs/content-ai/capabilities/agent/features/selection-awareness.md): Make the AI agent aware of the selected content in the editor. - [AI Agent extension state](https://tiptap.dev/docs/content-ai/capabilities/agent/features/state.md): Learn how to manage the state of the AI Agent extension in Tiptap. - [Install the AI Agent extension](https://tiptap.dev/docs/content-ai/capabilities/agent/install.md): Learn how to install and set up the AI Agent extension for Tiptap. - [AI Agent extension for Tiptap](https://tiptap.dev/docs/content-ai/capabilities/agent/overview.md): Build AI Agents that edit rich text documents - from simple chatbot assistants to complex document editing workflows. - [Review AI-generated changes](https://tiptap.dev/docs/content-ai/capabilities/agent/review.md): Learn how to review AI-generated changes with the AI Agent extension - [Review changes with the AI Changes extension](https://tiptap.dev/docs/content-ai/capabilities/agent/review/ai-changes.md): Learn how to integrate the AI agent with the AI Changes extension to review AI-generated changes. - [Preview changes with the AI Suggestion extension](https://tiptap.dev/docs/content-ai/capabilities/agent/review/ai-suggestion.md): Learn how to integrate the AI agent with the AI Suggestion extension to preview AI-generated changes. - [Use the AI Agent extension with Content AI Cloud](https://tiptap.dev/docs/content-ai/capabilities/agent/use-with-content-ai-cloud.md): Learn how to use the AI Agent extension with Tiptap Content AI Cloud. - [AI Caret](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/ai-caret.md): Display a cursor that shows where the AI is inserting content during streaming operations. - [AI engineering with the AI Toolkit](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/ai-engineering.md): Learn to choose the best AI model and prompts to use with the AI Toolkit in every situation. - [Compare documents](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/compare-documents.md): Compare two documents and visualize differences in real-time. - [AI Toolkit concepts](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/concepts.md): Understand and work with the basic concepts of the AI Toolkit. - [AI Toolkit Live Demo](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/live-demo.md): Explore a live demonstration of the AI Toolkit with an interactive AI agent that can read, edit, and manipulate documents. - [AI Toolkit Migration guides](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/migration-guides.md): Step-by-step guides to migrate from AI Generation, AI Suggestion, AI Changes, and AI Assistant extensions to the AI Toolkit for enhanced flexibility. - [Migrate from AI Assistant to the AI Toolkit](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/migration-guides/ai-assistant.md): Learn how to migrate from the AI Assistant extension to the AI Toolkit. - [Migrate from AI Changes to the AI Toolkit](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/migration-guides/ai-changes.md): Learn how to migrate from the AI Changes extension to the AI Toolkit. - [Migrate from AI Generation to the AI Toolkit](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/migration-guides/ai-generation.md): Migrate from AI Generation to the AI Toolkit to gain full control over AI providers, custom backends, and advanced review workflows. - [Migrate from AI Suggestion to the AI Toolkit](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/migration-guides/ai-suggestion.md): Learn how to migrate from the AI Suggestion extension to the AI Toolkit. - [Non-TypeScript backends](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/non-typescript-backends.md): Use the AI Toolkit CLI to generate tool definitions and workflow configurations as JSON for non-TypeScript backends like Python, Go, or Ruby. - [Split view](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/split-view.md): Build a side-by-side diff view to compare documents with visual alignment. - [Tiptap Edit hooks](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/advanced-guides/tiptap-edit-hooks.md): Intercept, modify, or reject Tiptap Edit operations before they are applied. - [AI Agents](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents.md): Learn how to build AI agents with the AI Toolkit. - [AI agent chatbot](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/ai-agent-chatbot.md): Build an AI agent that can read and edit Tiptap documents using the AI Toolkit and Vercel AI SDK. - [Add comments with the AI Toolkit](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/comments.md): Give your AI agents the ability to read, write and edit comments in your documents. - [Multi-document AI agent](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/multi-document.md): Add multi-document support to your AI agent chatbot to edit multiple Tiptap documents. - [Review changes](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/review-changes.md): Learn how to review AI-generated changes using suggestions or tracked changes. - [Style suggestions with the AI Toolkit](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/review-changes/style-suggestions.md): Apply styles to suggestions with the AI Toolkit. - [Suggestions](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/review-changes/suggestions.md): Preview and approve AI-inserted changes using suggestions with customizable rendering. - [Suggestions with comments](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/review-changes/suggestions-with-comments.md): Show AI-generated justifications for each change using floating tooltips. - [Use with Tracked Changes](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/review-changes/tracked-changes.md): Display AI-generated changes as tracked changes that users can accept or reject individually. - [Tracked changes with comments](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/review-changes/tracked-changes-with-comments.md): Combine AI-generated tracked changes with comment threads that explain each change. - [Schema awareness](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/schema-awareness.md): Give schema awareness to your AI model so it understands nodes, marks, and attributes. - [Selection awareness](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/selection-awareness.md): Make the AI aware of the selected content in the editor. - [Streaming](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/streaming.md): Add real-time streaming to your AI agent chatbot to see changes as they happen. - [Tool definitions](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/tools.md): Complete list of tool definitions that allow AI agents to read, edit, and navigate document content. - [AI SDK - AI agent tools](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/tools/ai-sdk.md): Use tool definitions for the AI SDK by Vercel to let AI agents read and edit Tiptap documents. - [Anthropic - AI agent tools](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/tools/anthropic.md): Use tool definitions for Anthropic to let AI agents read and edit Tiptap documents. - [LangChain.js - AI agent tools](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/tools/langchain-js.md): Use tool definitions for LangChain.js to let AI agents read and edit Tiptap documents. - [Mastra - AI agent tools](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/tools/mastra.md): Use tool definitions for Mastra to let AI agents read and edit Tiptap documents. - [OpenAI - AI agent tools](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/tools/openai.md): Use tool definitions for OpenAI to let AI agents read and edit Tiptap documents. - [Other providers](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/agents/tools/other-providers.md): Use the tool definitions output to build adapters for other AI providers or languages. - [API Reference](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/api-reference.md): Complete API reference for the AI Toolkit methods. - [Diff utility](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/api-reference/diff-utility.md): Compute changes between two documents programmatically. - [Edit the document](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/api-reference/edit-the-document.md): Insert and stream AI-generated content in text, HTML, or JSON formats. Includes review options for user approval workflows. - [Execute tool (AI agents)](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/api-reference/execute-tool.md): Execute AI agent tool calls against a Tiptap editor using the AI Toolkit. - [Read the document](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/api-reference/read-the-document.md): Extract document content in JSON, HTML, or text formats with support for selections, ranges, and chunked reads for AI integration. - [Review options](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/api-reference/review-options.md): Configure preview and review behavior for AI-generated changes with ReviewOptions. - [Schema awareness](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/api-reference/schema-awareness.md): Provide schema awareness to AI models so they understand nodes, marks, and attributes. - [Split view](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/api-reference/split-view.md): API reference for createSplitView and the SplitView instance methods. - [Suggestions API reference](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/api-reference/suggestions.md): Manage and render AI suggestions with preview and review modes. - [Workflows](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/api-reference/workflows.md): API reference for the built-in workflows of the AI Toolkit. - [Changelog](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/changelog.md): Changelog for the AI Toolkit extensions - [Install](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/install.md): Installation guide for the AI Toolkit extension. Learn how to install, configure, and start using the AI Toolkit in your Tiptap editor. - [AI Toolkit](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/overview.md): Overview of the Tiptap AI Toolkit. Learn capabilities, structure, and how it helps you build AI extensions and AI agents. - [Workflows](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/workflows.md): Learn how to build workflows with the AI Toolkit. - [Comments workflow](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/workflows/comments.md): Use the Tiptap AI Toolkit to build a workflow that manages comments and threads in your documents. - [Insert content workflow](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/workflows/insert-content.md): Use the Tiptap AI Toolkit to build a workflow that inserts or replaces content in your documents. - [Proofreader workflow](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/workflows/proofreader.md): Use the Tiptap AI Toolkit to build a proofreader that detects and corrects spelling mistakes in your documents. - [Template workflow](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/workflows/template.md): Use the Tiptap AI Toolkit to fill structured templates with AI-generated content. - [Tiptap Edit workflow](https://tiptap.dev/docs/content-ai/capabilities/ai-toolkit/workflows/tiptap-edit.md): Use the Tiptap AI Toolkit to build a workflow that edits documents with AI-generated content. - [AI Changes extension API reference](https://tiptap.dev/docs/content-ai/capabilities/changes/api-reference.md): API reference for the Tiptap AI Changes extension. - [Changelog](https://tiptap.dev/docs/content-ai/capabilities/changes/changelog.md): Changelog for the AI Changes extension - [Configure the AI Changes extension](https://tiptap.dev/docs/content-ai/capabilities/changes/configure.md): Configure the AI Changes extension. Customize how AI-generated content is displayed in your rich text editor. - [Customize how changes are displayed](https://tiptap.dev/docs/content-ai/capabilities/changes/features/display-changes.md): Customize how AI Changes are displayed in the editor with custom styles and popovers. - [Review AI changes](https://tiptap.dev/docs/content-ai/capabilities/changes/features/review-changes.md): Review, accept and reject AI-generated content in your rich text editor. - [Install the AI Changes extension](https://tiptap.dev/docs/content-ai/capabilities/changes/install.md): Install and configure the AI Changes extension to track AI-generated modifications with accept and reject functionality. - [Track and review AI-generated changes](https://tiptap.dev/docs/content-ai/capabilities/changes/overview.md): Track, review, and accept or reject AI-generated content modifications with visual change highlighting in your Tiptap editor. - [Configure the AI Generation extension](https://tiptap.dev/docs/content-ai/capabilities/generation/configure.md): Configure the AI Generation extension in your editor and learn more about all the options possible with AI. - [Integrate a custom LLM](https://tiptap.dev/docs/content-ai/capabilities/generation/custom-llms.md): Implement custom LLMs with the Generative AI extension and override resolver functions in your editor. Learn more in the docs! - [AI image generation editor command](https://tiptap.dev/docs/content-ai/capabilities/generation/image-generation.md): Integrate the aiImagePrompt into your editor to generate images with AI with a custom prompt and style. More in the docs! - [Install the AI Generation extension](https://tiptap.dev/docs/content-ai/capabilities/generation/install.md): Set up Tiptap AI Generation in your editor, including configuring OpenAI keys and JWT authentication for secure AI integration. - [Integrate AI into your editor](https://tiptap.dev/docs/content-ai/capabilities/generation/overview.md): Integrate AI features into your editor like smart autocompletion, image generation and more. Read about it in our docs. - [Integrate Content AI text commands](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation.md): Pick from preconfigured Content AI text commands and learn how to extend them with context and custom prompts. - [Autocompletion in Content AI](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation/autocompletion.md): Enable AI-powered autocompletion with Tab key triggers to stream intelligent text suggestions directly into your Tiptap editor. - [AI Generation editor commands](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation/built-in-commands.md): Integrate AI into your Tiptap Editor to access preconfigured commands for text manipulation and image generation. - [Register a custom command and prompt](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation/custom-commands.md): Create custom AI commands with tailored prompts by extending the AI Generation extension for specialized content transformation workflows. - [Rich text AI responses](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation/format.md): Enable AI to automatically format generated content in your Tiptap editor with rich text, lists, and more. Learn how in our docs! - [Manage and review AI responses](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation/manage-responses.md): Use the Content AI storage to save, regenerate and insert AI responses into your Tiptap editor. More in our docs! - [Provide more context to your prompts](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation/provide-context.md): Add more context to your prompts and editor commands to fine-tune your AI's response. Learn more in our docs. - [Stream content into the editor](https://tiptap.dev/docs/content-ai/capabilities/generation/text-generation/stream.md): Low-level API for streaming content directly into the editor content. Learn more in our docs. - [Custom nodes](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/advanced-guides/custom-nodes.md): Configure custom nodes and marks for the Server AI Toolkit so AI models can generate them correctly. - [Tiptap Shorthand](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/advanced-guides/tiptap-shorthand.md): Reduce AI token costs by up to 80% with Tiptap Shorthand, a token-efficient document format for the Server AI Toolkit. - [AI Agents](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/agents.md): Learn how to build AI agents with the Server AI Toolkit. - [AI agent chatbot](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/agents/ai-agent-chatbot.md): Build an AI agent that can read and edit Tiptap documents using the Server AI Toolkit API. - [Server comments](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/agents/comments.md): Enable server-side AI agents to read and edit comments in Tiptap documents using the Server AI Toolkit. - [Streaming](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/agents/streaming.md): Streaming support is coming soon to the Server AI Toolkit. - [Use with Tracked Changes](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/agents/tracked-changes.md): Display server-side AI edits as tracked changes that users can accept or reject individually. - [API Reference](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/api-reference.md): Complete API reference for the Server AI Toolkit. - [Editor context](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/api-reference/editor-context.md): Get editor context data from your Tiptap editor for use with the Server AI Toolkit API. - [REST API](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/api-reference/rest-api.md): Complete reference for the Server AI Toolkit REST API endpoints. - [Review options](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/api-reference/review-options.md): Configure tracked changes review behavior for Server AI Toolkit tool execution. - [Available tools](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/api-reference/tools.md): Complete list of available tools that allow AI agents to read and edit Tiptap documents on the server. - [Install](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/install.md): Installation guide for the Server AI Toolkit. Learn how to install, configure authentication, and start using the Server AI Toolkit cloud service. - [Server AI Toolkit](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/overview.md): Overview of the Server AI Toolkit. Build AI agents that read and edit Tiptap documents on the server without a browser-based editor. - [Tiptap Access Control (preview)](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/tiptap-access-control.md): Set up Server AI Toolkit with the new Tiptap Access Control authentication system using ES256 JWTs and explicit permissions. - [Workflows](https://tiptap.dev/docs/content-ai/capabilities/server-ai-toolkit/workflows.md): Server-side workflows are coming soon to the Server AI Toolkit. - [AI Suggestion extension API reference](https://tiptap.dev/docs/content-ai/capabilities/suggestion/api-reference.md): API reference for the Tiptap AI Suggestion extension. - [Changelog](https://tiptap.dev/docs/content-ai/capabilities/suggestion/changelog.md): Changelog for the AI Suggestion extension - [AI Suggestion extension configuration options](https://tiptap.dev/docs/content-ai/capabilities/suggestion/configure.md): Configure the AI Suggestion extension with rules, initial suggestions, and custom styles. - [Integrate your custom backend and LLMs](https://tiptap.dev/docs/content-ai/capabilities/suggestion/custom-llms.md): Integrate your own backend and LLMs with the AI Suggestion extension for custom suggestions. - [Apply suggestions to the editor's content](https://tiptap.dev/docs/content-ai/capabilities/suggestion/features/apply-suggestions.md): Learn how to apply, reject, and highlight AI Suggestions in your Tiptap editor. More in the docs! - [Configure when to load suggestions](https://tiptap.dev/docs/content-ai/capabilities/suggestion/features/configure-when-to-load-suggestions.md): Customize when the AI Suggestion extension loads suggestions with options like loadOnStart and reloadOnUpdate. - [Define rules for the AI Suggestion extension](https://tiptap.dev/docs/content-ai/capabilities/suggestion/features/define-rules.md): Configure the AI Suggestion extension with a list of rules to generate suggestions. - [Diff view](https://tiptap.dev/docs/content-ai/capabilities/suggestion/features/diff-view.md): Use the AI Suggestion extension to preview AI-generated changes before they are applied. - [Customize how suggestions are displayed](https://tiptap.dev/docs/content-ai/capabilities/suggestion/features/display-suggestions.md): Customize how AI Suggestions are displayed in the editor with custom styles and popovers. - [Lock content from being proofread](https://tiptap.dev/docs/content-ai/capabilities/suggestion/features/lock-content.md): Prevent certain content from being proofread by filtering suggestions. - [Provide context to the LLM](https://tiptap.dev/docs/content-ai/capabilities/suggestion/features/provide-llm-context.md): How to provide extra context to the LLM to improve the results of the AI Suggestion extension. - [Install the AI Suggestion extension](https://tiptap.dev/docs/content-ai/capabilities/suggestion/install.md): Install and configure the AI Suggestion extension to display real-time proofreading suggestions with customizable rules and styling. - [Show AI Suggestions in your editor](https://tiptap.dev/docs/content-ai/capabilities/suggestion/overview.md): Get an overview of the AI Suggestion extension, its features, and how it works. - [Use the AI Suggestion extension with Tiptap Content AI Cloud](https://tiptap.dev/docs/content-ai/capabilities/suggestion/use-with-content-ai-cloud.md): Get started with the AI Suggestion extension by generating suggestions with the Tiptap Content AI Cloud API. - [AI use cases](https://tiptap.dev/docs/content-ai/capabilities/use-cases.md): Discover AI use cases for Tiptap editors including chatbots, autocompletion, proofreading, content transformation, and collaborative editing features. - [Integrate a custom LLM](https://tiptap.dev/docs/content-ai/custom-llms.md): Integrate the Tiptap AI extensions with your custom backend and AI models. Read about it in our docs. - [Build AI-powered editors](https://tiptap.dev/docs/content-ai/getting-started/overview.md): Build AI agents that can read and write documents with the AI Toolkit, or add simple AI features with AI Generation. - [Content AI and real-time collaboration](https://tiptap.dev/docs/content-ai/resources/collaboration.md): Learn how to use Tiptap Content AI with Tiptap's Collaboration features. - [Content AI privacy](https://tiptap.dev/docs/content-ai/resources/privacy.md): Learn how Tiptap Content AI protects your data with encrypted storage, secure proxying, and optional on-premise deployment for full control. ## Conversion - [Content reference](https://tiptap.dev/docs/conversion/content-types/overview.md): Detailed per-feature documentation for how each document element behaves across the DOCX import, editor rendering, and export pipeline. - [Headers and footers](https://tiptap.dev/docs/conversion/content-types/page-layout/headers-footers.md): How document headers and footers are handled across the DOCX conversion pipeline, including import limitations and export configuration. - [Page breaks](https://tiptap.dev/docs/conversion/content-types/page-layout/page-breaks.md): How page breaks are handled across the DOCX conversion pipeline, including import, editor rendering, and export. - [Page structure](https://tiptap.dev/docs/conversion/content-types/page-layout/page-structure.md): How page breaks, sections, page size, margins, and page numbers are handled across the DOCX conversion pipeline. - [Block elements](https://tiptap.dev/docs/conversion/content-types/structures-and-media/block-elements.md): How blockquotes, code blocks, horizontal rules, hard breaks, and page breaks are handled across the DOCX conversion pipeline. - [Footnotes and endnotes](https://tiptap.dev/docs/conversion/content-types/structures-and-media/footnotes-endnotes.md): How footnotes and endnotes are handled across the DOCX conversion pipeline, including import extraction and current limitations. - [Hyperlinks and bookmarks](https://tiptap.dev/docs/conversion/content-types/structures-and-media/hyperlinks-bookmarks.md): How hyperlinks, email links, and internal bookmarks are handled across the DOCX conversion pipeline. - [Images](https://tiptap.dev/docs/conversion/content-types/structures-and-media/images.md): How images are handled when importing from DOCX, rendering in the editor, and exporting back to DOCX. - [Math and equations](https://tiptap.dev/docs/conversion/content-types/structures-and-media/math-equations.md): How inline and block mathematical equations are handled across the DOCX conversion pipeline, including OMML import limitations and LaTeX-based export. - [Tables](https://tiptap.dev/docs/conversion/content-types/structures-and-media/tables.md): How tables, merged cells, header rows, column widths, and cell styling convert between DOCX and Tiptap. - [Word styles](https://tiptap.dev/docs/conversion/content-types/structures-and-media/word-styles.md): How Word paragraph styles and character styles are resolved during import and applied during export. - [Bold, italic, underline, strikethrough](https://tiptap.dev/docs/conversion/content-types/text-and-formatting/bold-italic-underline-strike.md): How bold, italic, underline, and strikethrough marks convert between DOCX and Tiptap. - [Font family and size](https://tiptap.dev/docs/conversion/content-types/text-and-formatting/font-family-size.md): How font family and font size convert between DOCX and Tiptap, including unit conversions and font fallback handling. - [Headings](https://tiptap.dev/docs/conversion/content-types/text-and-formatting/headings.md): How headings (levels 1 to 9) are handled across the DOCX conversion pipeline, including import, editor rendering, and export. - [Lists](https://tiptap.dev/docs/conversion/content-types/text-and-formatting/lists.md): How bullet lists, ordered lists, nested lists, and task lists convert between DOCX and Tiptap. - [Paragraphs](https://tiptap.dev/docs/conversion/content-types/text-and-formatting/paragraphs.md): How Word paragraphs are handled across the DOCX conversion pipeline, including what formatting survives import, rendering, and export. - [Subscript and superscript](https://tiptap.dev/docs/conversion/content-types/text-and-formatting/subscript-superscript.md): How subscript and superscript marks round-trip between DOCX and Tiptap. - [Tabs](https://tiptap.dev/docs/conversion/content-types/text-and-formatting/tabs.md): How tab characters from Word are handled during DOCX import and what developers should expect. - [Text alignment](https://tiptap.dev/docs/conversion/content-types/text-and-formatting/text-alignment.md): How text alignment converts between DOCX and Tiptap, and how to configure the TextAlign extension for clean round-trips. - [Text color and highlight](https://tiptap.dev/docs/conversion/content-types/text-and-formatting/text-color-highlight.md): How text color and highlight/background color convert between DOCX and Tiptap. - [/conversion/export/_shared/_custom-node-conversion-guide](https://tiptap.dev/docs/conversion/export/_shared/_custom-node-conversion-guide.md) - [/conversion/export/_shared/_element-overrides-rest-api](https://tiptap.dev/docs/conversion/export/_shared/_element-overrides-rest-api.md) - [/conversion/export/_shared/_export-styles-guide](https://tiptap.dev/docs/conversion/export/_shared/_export-styles-guide.md) - [Export custom nodes to .doc](https://tiptap.dev/docs/conversion/export/doc/custom-nodes.md): Learn how to export custom nodes to DOC (legacy Word) files using the Export DOC extension. - [Export DOC from your editor](https://tiptap.dev/docs/conversion/export/doc/editor-extension.md): Learn how to export Tiptap editor content to DOC (legacy Word) files using the Export DOC extension in our docs. - [Extend your DOC export with Headers & Footers](https://tiptap.dev/docs/conversion/export/doc/headers-footers.md): Learn how to extend your DOC exports with custom Headers & Footers using the Export DOC extension. - [Page breaks in DOC export](https://tiptap.dev/docs/conversion/export/doc/page-breaks.md): Learn about page break support when exporting Tiptap editor content to DOC files. - [Custom page layouts in DOC](https://tiptap.dev/docs/conversion/export/doc/page-layout.md): Learn how to customize your DOC page and margin sizes using the Export DOC extension. - [Export DOC via REST API](https://tiptap.dev/docs/conversion/export/doc/rest-api.md): Learn how to export Tiptap JSON documents to DOC format (legacy Microsoft Word) using the Tiptap Conversion REST API v2. - [Export custom styles to DOC](https://tiptap.dev/docs/conversion/export/doc/styles.md): Learn how to export custom styles from Tiptap JSON to DOC using the Export DOC extension. - [Export editor CSS as DOCX styles](https://tiptap.dev/docs/conversion/export/docx/css-to-docx.md): Compile CSS rules from your editor into DOCX style definitions on export. - [Export custom nodes to .docx](https://tiptap.dev/docs/conversion/export/docx/custom-nodes.md): Learn how to export custom nodes to DOCX (Word) files using the Export extension. - [Export custom nodes with the JSON DSL](https://tiptap.dev/docs/conversion/export/docx/custom-nodes-dsl.md): A serializable JSON description of how Tiptap custom nodes should render into DOCX. Works in both the editor extension and the Conversion REST API. - [Custom-nodes DSL builder (TypeScript)](https://tiptap.dev/docs/conversion/export/docx/custom-nodes-dsl-builder.md): A typed, fluent TypeScript API for authoring the DOCX custom-nodes DSL. Compile-time containment safety, autocomplete on every prop, and the same wire format the REST API consumes. - [Export .docx from your editor](https://tiptap.dev/docs/conversion/export/docx/editor-extension.md): Learn how to export Tiptap editor content to DOCX (Word) files using the Export extension in our docs. - [Embed custom fonts in DOCX export](https://tiptap.dev/docs/conversion/export/docx/fonts.md): Embed TTF/OTF fonts into exported DOCX files — manually, or automatically from the fonts your document already uses — so they render correctly in Word everywhere. - [Extend your DOCX export with Headers & Footers](https://tiptap.dev/docs/conversion/export/docx/headers-footers.md): Learn how to extend your DOCX exports with Headers & Footers - [Customize ordered list numbering for DOCX export](https://tiptap.dev/docs/conversion/export/docx/ordered-list-numbering.md): Define multilevel ordered list numbering formats that survive DOCX export — base style, marker template, alignment, indent, and font. - [Page breaks in DOCX export](https://tiptap.dev/docs/conversion/export/docx/page-breaks.md): Learn about page break support when exporting Tiptap editor content to DOCX files. - [Custom page layouts in DOCX](https://tiptap.dev/docs/conversion/export/docx/page-layout.md): Learn how to customize your DOCX (Word) page and margin sizes using the Export extension. - [Export DOCX via REST API](https://tiptap.dev/docs/conversion/export/docx/rest-api.md): Learn how to export Tiptap JSON documents to DOCX format via the Conversion REST API. - [Export custom styles to .docx](https://tiptap.dev/docs/conversion/export/docx/styles.md): Learn how to export custom styles from Tiptap JSON to DOCX in our documentation. - [Export custom nodes to .epub](https://tiptap.dev/docs/conversion/export/epub/custom-nodes.md): Learn how to export custom nodes to EPUB files using the Export EPUB extension. - [Export EPUB from your editor](https://tiptap.dev/docs/conversion/export/epub/editor-extension.md): Learn how to export Tiptap editor content to EPUB files using the Export EPUB extension in our docs. - [Extend your EPUB export with Headers & Footers](https://tiptap.dev/docs/conversion/export/epub/headers-footers.md): Learn how to extend your EPUB exports with custom Headers & Footers using the Export EPUB extension. - [Page breaks in EPUB export](https://tiptap.dev/docs/conversion/export/epub/page-breaks.md): Learn about page break support when exporting Tiptap editor content to EPUB files. - [Custom page layouts in EPUB](https://tiptap.dev/docs/conversion/export/epub/page-layout.md): Learn how to customize your EPUB page and margin sizes using the Export EPUB extension. - [Export EPUB via REST API](https://tiptap.dev/docs/conversion/export/epub/rest-api.md): Learn how to export Tiptap JSON documents to EPUB format using the Tiptap Conversion REST API v2. - [Export custom styles to EPUB](https://tiptap.dev/docs/conversion/export/epub/styles.md): Learn how to export custom styles from Tiptap JSON to EPUB using the Export EPUB extension. - [Export Markdown from your editor](https://tiptap.dev/docs/conversion/export/markdown/editor-extension.md): Learn how to export Tiptap editor content to Markdown files using the Export Markdown extension in our docs. - [Export Markdown via REST API](https://tiptap.dev/docs/conversion/export/markdown/rest-api.md): Learn how to export Tiptap JSON documents to Markdown format using the Tiptap Conversion REST API v2. - [Export custom nodes to .odt](https://tiptap.dev/docs/conversion/export/odt/custom-nodes.md): Learn how to export custom nodes to ODT (OpenDocument) files using the Export ODT extension. - [Export ODT from your editor](https://tiptap.dev/docs/conversion/export/odt/editor-extension.md): Learn how to export Tiptap editor content to ODT (OpenDocument) files using the Export ODT extension in our docs. - [Extend your ODT export with Headers & Footers](https://tiptap.dev/docs/conversion/export/odt/headers-footers.md): Learn how to extend your ODT exports with custom Headers & Footers using the Export ODT extension. - [Page breaks in ODT export](https://tiptap.dev/docs/conversion/export/odt/page-breaks.md): Learn about page break support when exporting Tiptap editor content to ODT files. - [Custom page layouts in ODT](https://tiptap.dev/docs/conversion/export/odt/page-layout.md): Learn how to customize your ODT page and margin sizes using the Export ODT extension. - [Export ODT via REST API](https://tiptap.dev/docs/conversion/export/odt/rest-api.md): Learn how to export Tiptap JSON documents to ODT (OpenDocument Text) format using the Tiptap Conversion REST API v2. - [Export custom styles to ODT](https://tiptap.dev/docs/conversion/export/odt/styles.md): Learn how to export custom styles from Tiptap JSON to ODT using the Export ODT extension. - [Export custom nodes to .pdf](https://tiptap.dev/docs/conversion/export/pdf/custom-nodes.md): Learn how to export custom nodes to PDF files using the Export PDF extension. - [Export PDF from your editor](https://tiptap.dev/docs/conversion/export/pdf/editor-extension.md): Learn how to export Tiptap editor content to PDF files using the Export PDF extension in our docs. - [Extend your PDF export with Headers & Footers](https://tiptap.dev/docs/conversion/export/pdf/headers-footers.md): Learn how to extend your PDF exports with custom Headers & Footers using the Export PDF extension. - [Page breaks in PDF export](https://tiptap.dev/docs/conversion/export/pdf/page-breaks.md): Learn about page break support when exporting Tiptap editor content to PDF files. - [Custom page layouts in PDF](https://tiptap.dev/docs/conversion/export/pdf/page-layout.md): Learn how to customize your PDF page and margin sizes using the Export PDF extension. - [Export PDF via REST API](https://tiptap.dev/docs/conversion/export/pdf/rest-api.md): Learn how to export Tiptap JSON documents to PDF format using the Tiptap Conversion REST API v2. - [Export custom styles to PDF](https://tiptap.dev/docs/conversion/export/pdf/styles.md): Learn how to export custom styles from Tiptap JSON to PDF using the Export PDF extension. - [Live demo](https://tiptap.dev/docs/conversion/getting-started/demo.md): Try DOCX import and export in a live Tiptap editor. Upload your own document or explore the pre-loaded content. - [Supported features](https://tiptap.dev/docs/conversion/getting-started/feature-support-matrix.md): See which document features are supported across import, editor rendering, and export in the Tiptap conversion pipeline. - [Building custom extensions for conversion](https://tiptap.dev/docs/conversion/getting-started/guides/custom-extensions.md): How to build a custom Tiptap extension to render converted content that has no official extension, and wire it up for round-trip export. - [Debugging & inspecting conversion output](https://tiptap.dev/docs/conversion/getting-started/guides/debugging.md): How to use verbose mode, inspect intermediate JSON, and diagnose why imported content isn't rendering in your editor. - [End-to-end walkthrough: import, edit, export](https://tiptap.dev/docs/conversion/getting-started/guides/end-to-end-walkthrough.md): A step-by-step walkthrough of the complete DOCX round-trip — import, edit in Tiptap, export back to DOCX, and (optionally) render in a paginated editor. - [Styling converted content](https://tiptap.dev/docs/conversion/getting-started/guides/styling-converted-content.md): Why imported documents look different in the editor, and how to control the visual appearance of converted content with CSS, extension configuration, and custom attributes. - [Install](https://tiptap.dev/docs/conversion/getting-started/install.md): Set up credentials and install conversion extensions for importing and exporting documents. - [Document import and export](https://tiptap.dev/docs/conversion/getting-started/overview.md): Import DOCX and Markdown into your Tiptap editor, export to DOCX, PDF, ODT, EPUB, and more. Learn how the conversion pipeline works and what extensions you need. - [ConvertKit: DOCX-aware editor extensions](https://tiptap.dev/docs/conversion/import/docx/convertkit.md): A bundled Tiptap extension that configures the editor for DOCX-imported content. - [Inject DOCX default styles as CSS](https://tiptap.dev/docs/conversion/import/docx/css-injection.md): Extract the default styles from a DOCX file as CSS and inject them into your Tiptap editor on import. - [Import custom marks with .docx](https://tiptap.dev/docs/conversion/import/docx/custom-mark-mapping.md): Learn how to import custom marks from DOCX (Word) files using the Import extension in our docs. - [Import custom nodes from .docx](https://tiptap.dev/docs/conversion/import/docx/custom-node-mapping.md): Learn how to import custom nodes from DOCX (Word) files using the Import extension. - [Import .docx in your editor](https://tiptap.dev/docs/conversion/import/docx/editor-extension.md): Learn how to import DOCX (Word) documents into a Tiptap editor using the Import extension in our docs. - [Preserve images during conversion](https://tiptap.dev/docs/conversion/import/docx/image-handling.md): Preserve images in your converted documents by providing an image upload callback url. Learn more in the docs. - [Page breaks in DOCX import](https://tiptap.dev/docs/conversion/import/docx/page-breaks.md): Learn how to preserve page breaks when importing DOCX files into your Tiptap editor using the PageBreak extension. - [Import DOCX via REST API](https://tiptap.dev/docs/conversion/import/docx/rest-api.md): Learn how to import .docx files into Tiptap JSON format via the Conversion REST API. - [Import Markdown via REST API](https://tiptap.dev/docs/conversion/import/markdown/rest-api.md): Learn how to import Markdown files into Tiptap JSON format using the Tiptap Conversion REST API v2. - [Convert Markdown with Tiptap (Legacy)](https://tiptap.dev/docs/conversion/legacy/markdown/editor-extensions.md): Learn how to handle Markdown files in a Tiptap editor using the legacy import/export extensions. - [Convert Markdown via REST API (Legacy)](https://tiptap.dev/docs/conversion/legacy/markdown/rest-api.md): Learn how to handle Markdown files via the legacy REST API for Tiptap conversion. - [Migrating from the legacy import/export extensions](https://tiptap.dev/docs/conversion/legacy/migration-guide.md): Step-by-step migration from the legacy `extension-import` / `extension-export` packages and the /v1/ REST endpoints to the format-specific Conversion extensions. - [Convert ODT with Tiptap (Legacy)](https://tiptap.dev/docs/conversion/legacy/odt/editor-extensions.md): Learn how to handle ODT files (OpenDocument Text) in a Tiptap editor using the legacy import/export extensions. - [Convert ODT files via REST API (Legacy)](https://tiptap.dev/docs/conversion/legacy/odt/rest-api.md): Learn how to handle ODT files (OpenDocument Text) via the legacy REST API for Tiptap conversion. - [Legacy DOCX Import & Export](https://tiptap.dev/docs/conversion/legacy/overview.md): Review how to configure the legacy import and export extensions and REST API endpoints. More in the docs. ## Editor - [Editor commands](https://tiptap.dev/docs/editor/api/commands.md): Learn about command execution and chaining in Tiptap. Discover how to extend functionalities in the Editor command docs. - [Content Editor commands](https://tiptap.dev/docs/editor/api/commands/content.md): Learn about the clearContent, insertContent, insertContentAt, and setContent commands to efficiently manage content in Tiptap. - [clearContent command](https://tiptap.dev/docs/editor/api/commands/content/clear-content.md): Delete all content in the editor with the clearContent command in your Tiptap Editor. Learn more in the docs. - [cut command](https://tiptap.dev/docs/editor/api/commands/content/cut.md): Use the cut command in Tiptap to cut out content from a range and place it at a given position. Learn more in our docs! - [insertContent command](https://tiptap.dev/docs/editor/api/commands/content/insert-content.md): Use the insertContent command in Tiptap to add content to the document using plain text, HTML, or JSON. Learn more in our docs! - [insertContentAt command](https://tiptap.dev/docs/editor/api/commands/content/insert-content-at.md): Add content to a specific position or range using plain text, HTML, or JSON with the insertContentAt command. More in the docs! - [setContent command](https://tiptap.dev/docs/editor/api/commands/content/set-content.md): Replace the document with a new one using JSON or HTML with the setContent command. Learn more in our docs! - [forEach command](https://tiptap.dev/docs/editor/api/commands/for-each.md): Use the forEach command in Tiptap to loop through an array of items and insert content into the editor. Learn more in our docs! - [List commands](https://tiptap.dev/docs/editor/api/commands/lists.md): Manage lists in Tiptap with Editor commands like liftListItem, sinkListItem, splitListItem, toggleList, and wrapInList. - [liftListItem command](https://tiptap.dev/docs/editor/api/commands/lists/lift-list-item.md): Use the liftListItem command in Tiptap to lift the list item into a wrapping parent list. Learn more in our docs! - [sinkListItem command](https://tiptap.dev/docs/editor/api/commands/lists/sink-list-item.md): Use the sinkListItem command in Tiptap to sink the list item into a wrapping child list. Learn more in our docs! - [splitListItem command](https://tiptap.dev/docs/editor/api/commands/lists/split-list-item.md): Use the splitListItem command in Tiptap to split one list item into two separate list items. Learn more in our docs! - [toggleList command](https://tiptap.dev/docs/editor/api/commands/lists/toggle-list.md): Use the toggleList command in Tiptap to toggle between different types of lists. Learn more in our docs! - [wrapInList command](https://tiptap.dev/docs/editor/api/commands/lists/wrap-in-list.md): Use the wrapInList command in Tiptap to wrap a node in the current selection in a list. Learn more in our docs! - [Nodes and marks commands](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks.md): Easy-to-use commands for managing nodes and marks. Learn to manipulate paragraphs, headings, and inline styles in our docs. - [clearNodes command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/clear-nodes.md): Use the clearNodes command in Tiptap to normalize all nodes in the document to the default paragraph node. More in our docs! - [createParagraphNear command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/create-paragraph-near.md): Use the createParagraphNear command in Tiptap to add paragraphs adjacent to the current block node selection. More in our docs! - [deleteNode command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/delete-node.md): Use the deleteNode command in Tiptap to selectively remove nodes from your document. Learn more in the docs. - [exitCode command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/exit-code.md): Use the exitCode command in Tiptap to exit code blocks and continue editing in a new default block. More in our docs! - [extendMarkRange command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/extend-mark-range.md): Use the extendMarkRange command in Tiptap to expand the current selection to include the specified mark. Learn more in our docs! - [joinBackward command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/join-backward.md): Join two nodes backwards from the current selection in your Tiptap Editor with the joinBackward command. Learn more in our docs! - [joinDown command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/join-down.md): Use the joinDown command in Tiptap to join the selected block with the sibling below it. Learn more in our docs! - [joinForward command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/join-forward.md): Join two nodes forwards from the current selection in the Tiptap Editor with the joinForward command. Learn more in our docs! - [joinTextblockBackward command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/join-textblock-backward.md): Use the joinTextblockBackward command in Tiptap to join the current textblock to the one before it. Learn more in our docs! - [joinTextblockForward command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/join-textblock-forward.md): Use the joinTextblockForward command in Tiptap to join the current textblock to the one after it. Learn more in our docs! - [joinUp command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/join-up.md): Use the joinUp command in Tiptap to join the selected block with the sibling above it. Learn more in our docs! - [lift command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/lift.md): Lift a node up into its parent node in your Tiptap Editor with the lift command. Learn more in our docs! - [liftEmptyBlock command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/lift-empty-block.md): Lift the currently selected empty textblock in your Tiptap Editor with the liftEmptyBlock command. Learn more in our docs! - [newlineInCode command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/newline-in-code.md): Use the newlineInCode command in Tiptap to insert a new line in the current code block. Learn more in our docs! - [resetAttributes command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/reset-attributes.md): Use the resetAttributes command in Tiptap to reset a node's attributes to their default values. Learn more in our docs! - [setMark command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/set-mark.md): Use the setMark command in Tiptap to add a new mark at the current selection. Learn more in our docs! - [setNode command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/set-node.md): Use the setNode command in Tiptap to replace a given range with a specified text block node. Learn more in our docs! - [setTextDirection command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/set-text-direction.md): Set text direction for nodes with the setTextDirection command. Control LTR, RTL, and auto direction for proper bidirectional text rendering. - [splitBlock command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/split-block.md): Use the splitBlock command in Tiptap to split the current node into two at the current NodeSelection. Learn more in our docs! - [toggleMark command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/toggle-mark.md): Use the toggleMark command in Tiptap to toggle a specific mark on and off at the current selection. Learn more in our docs! - [toggleNode command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/toggle-node.md): Use the toggleNode command in your Tiptap Editor to toggle one node with another. Learn more in our docs! - [toggleWrap command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/toggle-wrap.md): Use the toggleWrap command in Tiptap to wrap the current node with a new node or remove a wrapping node. Learn more in our docs! - [undoInputRule command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/undo-input-rule.md): Use the undoInputRule command in Tiptap to undo the most recent input rule that was triggered. Learn more in our docs! - [unsetAllMarks command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/unset-all-marks.md): Use the unsetAllMarks command in Tiptap to remove all marks from the current selection. Learn more in our docs! - [unsetMark command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/unset-mark.md): Use the unsetMark command in Tiptap to remove a specific mark from the current or across a selection. Learn more in our docs! - [unsetTextDirection command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/unset-text-direction.md): Remove text direction attributes from nodes with the unsetTextDirection command. Learn more in our docs! - [updateAttributes command](https://tiptap.dev/docs/editor/api/commands/nodes-and-marks/update-attributes.md): Use the updateAttributes command in Tiptap to set new attribute values for a node or mark. Learn more in our docs! - [selectTextblockEnd command](https://tiptap.dev/docs/editor/api/commands/select-textblock-end.md): Use the selectTextblockEnd command in Tiptap to move the cursor to the end of the current textblock. Learn more in our docs! - [selectTextblockStart command](https://tiptap.dev/docs/editor/api/commands/select-textblock-start.md): Use the selectTextblockStart command in Tiptap to move the cursor to the start of the current textblock. Learn more in our docs! - [Selection commands](https://tiptap.dev/docs/editor/api/commands/selection.md): Manage selections in your Tiptap Editor with editor commands like blur, focus, deleteSelection, etc. More in our docs! - [blur command](https://tiptap.dev/docs/editor/api/commands/selection/blur.md): Use the blur command in Tiptap to remove focus from your Tiptap editor. Learn more about it in the docs. - [deleteRange commands](https://tiptap.dev/docs/editor/api/commands/selection/delete-range.md): Use the deleteRange command in Tiptap to remove content within a specific range in your document. Learn more in our docs! - [deleteSelection command](https://tiptap.dev/docs/editor/api/commands/selection/delete-selection.md): The deleteSelection command in Tiptap targets and removes any nodes or content that are currently selected within the editor. - [enter command](https://tiptap.dev/docs/editor/api/commands/selection/enter.md): Use the enter command in Tiptap to trigger an enter key action for automated text entry and formatting. More in the docs. - [focus command](https://tiptap.dev/docs/editor/api/commands/selection/focus.md): Use the focus command in Tiptap to set the focus back to the editor at a specific position. Learn more in our docs! - [keyboardShortcut command](https://tiptap.dev/docs/editor/api/commands/selection/keyboard-shortcut.md): Use the keyboardShortcut command in Tiptap to trigger a ShortcutEvent with a given name. Learn more in our docs! - [scrollIntoView command](https://tiptap.dev/docs/editor/api/commands/selection/scroll-into-view.md): Use the scrollIntoView command in Tiptap to scroll the view to the current selection or cursor position. Learn more in our docs! - [selectAll command](https://tiptap.dev/docs/editor/api/commands/selection/select-all.md): Use the selectAll command in your Tiptap Editor to select the whole document at once. Learn more in our docs! - [selectNodeBackward command](https://tiptap.dev/docs/editor/api/commands/selection/select-node-backward.md): Use the selectNodeBackward command in Tiptap to select the node before the current textblock. Learn more in our docs! - [selectNodeForward command](https://tiptap.dev/docs/editor/api/commands/selection/select-node-forward.md): Use the selectNodeForward command in Tiptap to select the node after the current textblock. Learn more in our docs! - [selectParentNode command](https://tiptap.dev/docs/editor/api/commands/selection/select-parent-node.md): Use the selectParentNode command in Tiptap to move the selection to the parent node. Learn more in our docs! - [setNodeSelection command](https://tiptap.dev/docs/editor/api/commands/selection/set-node-selection.md): Use the setNodeSelection command in Tiptap to create a new NodeSelection at a given position. Learn more in our docs! - [setTextSelection command](https://tiptap.dev/docs/editor/api/commands/selection/set-text-selection.md): Use the setTextSelection command to control and set text selection to a specified range or position. Learn more in our docs! - [setMeta command](https://tiptap.dev/docs/editor/api/commands/set-meta.md): Use the setMeta command in Tiptap to store a metadata property in the current transaction. Learn more in our docs! - [Editor Instance API](https://tiptap.dev/docs/editor/api/editor.md): Learn how to use methods, getters and settings with the Editor class. Discover all you need to know in our detailed guide. - [Events in Tiptap](https://tiptap.dev/docs/editor/api/events.md): Use and handle various events in Tiptap, including creation, updates, focus, blur, and destruction. More in the docs! - [Input Rules](https://tiptap.dev/docs/editor/api/input-rules.md): Create input rules to automatically transform text as you type in Tiptap. Learn how to use and create input rules in the docs! - [Node Positions](https://tiptap.dev/docs/editor/api/node-positions.md): Learn about Node Positions in Tiptap for document navigation and manipulation. Learn more in the docs! - [Paste Rules](https://tiptap.dev/docs/editor/api/paste-rules.md): Create paste rules to automatically transform pasted content in Tiptap. Learn how to use and create paste rules in the docs! - [Resizable Node Views](https://tiptap.dev/docs/editor/api/resizable-nodeviews.md): A small, framework-agnostic NodeView that wraps any HTMLElement and adds configurable resize handles. - [Tiptap Utilities](https://tiptap.dev/docs/editor/api/utilities.md): Tiptap Utilities complement the Editor API, providing tools to help you with your editor and content. Learn more in the docs! - [HTML Utility](https://tiptap.dev/docs/editor/api/utilities/html.md): Use the HTML Utility in Tiptap to render JSON as HTML and convert HTML to JSON without an editor instance. More in the docs! - [JSX](https://tiptap.dev/docs/editor/api/utilities/jsx.md): Use JSX to control the way your extensions render to HTML. - [Position Utilities](https://tiptap.dev/docs/editor/api/utilities/position.md): Track and update positions in your editor using MappablePosition and CollaborationMappablePosition. Learn how to serialize and deserialize positions. - [Static Renderer](https://tiptap.dev/docs/editor/api/utilities/static-renderer.md): Use the Static Renderer to render JSON content as HTML, markdown, or React components without an editor instance. Learn more in our docs! - [Suggestion utility](https://tiptap.dev/docs/editor/api/utilities/suggestion.md): Customize autocomplete suggestions using nodes like Mention and Emoji. Explore settings and configurations in our docs. - [Tiptap for PHP utility](https://tiptap.dev/docs/editor/api/utilities/tiptap-for-php.md): Use the Tiptap PHP package to convert Tiptap JSON to HTML, sanitize content, or modify it. More in the docs! - [Extensions in Tiptap](https://tiptap.dev/docs/editor/core-concepts/extensions.md): Learn how to create, customize, and integrate extensions into Tiptap to improve your text editor's functionality. - [Tiptap Concepts](https://tiptap.dev/docs/editor/core-concepts/introduction.md): Explore the foundational elements of Tiptap's API, designed for intricate rich text editing based on ProseMirror's architecture. - [Keyboard shortcuts in Tiptap](https://tiptap.dev/docs/editor/core-concepts/keyboard-shortcuts.md): Discover the predefined keyboard shortcuts for Tiptap and learn how to customize these shortcuts to fit your editing needs. - [Nodes and Marks](https://tiptap.dev/docs/editor/core-concepts/nodes-and-marks.md): Discover the different types of nodes in Tiptap, like paragraphs, headings, code blocks, and more. Learn more in our docs! - [Persistence](https://tiptap.dev/docs/editor/core-concepts/persistence.md): Learn how to persist the editor state in Tiptap. Discover how to save and restore the editor content in the docs. - [ProseMirror](https://tiptap.dev/docs/editor/core-concepts/prosemirror.md): Access the ProseMirror API and functionality with the Tiptap PM package while developing your editor. Learn more in the docs! - [Tiptap Schemas](https://tiptap.dev/docs/editor/core-concepts/schema.md): Learn how content is structured in Tiptap’s schema and control your nodes, marks and more in your documents. More in the docs! - [How to develop a custom extension](https://tiptap.dev/docs/editor/extensions/custom-extensions.md): Customize and create extensions in Tiptap to extend your editor with new features and functionalities. More in the docs! - [Create a new extension](https://tiptap.dev/docs/editor/extensions/custom-extensions/create-new.md): Create a new extension for your Tiptap editor and create a unique editor experience from scratch. Learn more in the docs! - [Extension API](https://tiptap.dev/docs/editor/extensions/custom-extensions/create-new/extension.md): Create a new extension for your Tiptap editor and create a unique editor experience from scratch. Learn more in the docs! - [Mark API](https://tiptap.dev/docs/editor/extensions/custom-extensions/create-new/mark.md): Create a new mark for your Tiptap editor and create a unique editor experience from scratch. Learn more in the docs! - [Node API](https://tiptap.dev/docs/editor/extensions/custom-extensions/create-new/node.md): Create a new node for your Tiptap editor and create a unique editor experience from scratch. Learn more in the docs! - [Add to an existing extension](https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing.md): Extend an already existing extension in Tiptap to add new features and functionalities to your editor. More in the docs! - [Create a custom mark view](https://tiptap.dev/docs/editor/extensions/custom-extensions/mark-views.md): Customize and create mark views in your Tiptap editor with interactive mark views. More in the docs! - [Mark views with JavaScript](https://tiptap.dev/docs/editor/extensions/custom-extensions/mark-views/javascript.md): Use Vanilla JavaScript to build custom mark views in Tiptap. - [Mark views with React](https://tiptap.dev/docs/editor/extensions/custom-extensions/mark-views/react.md): Use React to build custom mark views in Tiptap. - [Mark views with Vue](https://tiptap.dev/docs/editor/extensions/custom-extensions/mark-views/vue.md): Use Vue to build custom mark views in Tiptap. - [Create a custom node view](https://tiptap.dev/docs/editor/extensions/custom-extensions/node-views.md): Customize and create nodes in your Tiptap editor for editable and non-editable content with interactive node views. More in the docs! - [Node view examples](https://tiptap.dev/docs/editor/extensions/custom-extensions/node-views/examples.md): Review customizable node view examples and create drag handles, dynamic tables of contents, and interactive drawing tools. More in the docs! - [Node views with JavaScript](https://tiptap.dev/docs/editor/extensions/custom-extensions/node-views/javascript.md): Use Vanilla JavaScript to build custom node views in Tiptap. Direct manipulation of node properties and interactive content. - [Node views with React](https://tiptap.dev/docs/editor/extensions/custom-extensions/node-views/react.md): Use React to build custom node views in Tiptap. Direct manipulation of node properties and interactive content. - [Node views with Vue](https://tiptap.dev/docs/editor/extensions/custom-extensions/node-views/vue.md): Use Vue to build custom node views in Tiptap. Direct manipulation of node properties and interactive content. - [Functionality extensions](https://tiptap.dev/docs/editor/extensions/functionality.md) - [Integrate AI into your editor](https://tiptap.dev/docs/editor/extensions/functionality/ai-generation.md) - [Build AI features with document editing](https://tiptap.dev/docs/editor/extensions/functionality/ai-toolkit.md) - [Background Color extension](https://tiptap.dev/docs/editor/extensions/functionality/background-color.md): Add text background color support to your Tiptap editor with the Color extension. Learn more in our documentation. - [BubbleMenu extension](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu.md): Add a menu toolbar that pops up above your Tiptap editor’s text content. Learn more in our Documentation! - [CharacterCount extension](https://tiptap.dev/docs/editor/extensions/functionality/character-count.md): Count and limit the number of characters in your editor with the Character Count extension. Learn more in our docs! - [Collaboration extension](https://tiptap.dev/docs/editor/extensions/functionality/collaboration.md): Learn how to set up and use collaborative editing with the Collaboration extension in Tiptap. - [CollaborationCaret extension](https://tiptap.dev/docs/editor/extensions/functionality/collaboration-caret.md): Use the Collaboration Cursor extension in Tiptap to show other user’s carets and their names while they type. More in the docs! - [Color extension](https://tiptap.dev/docs/editor/extensions/functionality/color.md): Add text color support to your Tiptap editor with the Color extension. Learn more in our documentation. - [Integrate Comments into your editor](https://tiptap.dev/docs/editor/extensions/functionality/comments.md) - [Drag Handle extension](https://tiptap.dev/docs/editor/extensions/functionality/drag-handle.md): Enable dragging nodes around your Tiptap Editor with the Drag Handle Extension. Learn how to set it up here in the Docs! - [Drag Handle React extension](https://tiptap.dev/docs/editor/extensions/functionality/drag-handle-react.md): Enable dragging nodes around your React-based Tiptap Editor with the Drag Handle React Extension. Learn how to set it up here in the Docs! - [Drag Handle vue extension](https://tiptap.dev/docs/editor/extensions/functionality/drag-handle-vue.md): Enable dragging nodes around your vue-based Tiptap Editor with the Drag Handle vue Extension. Learn how to set it up here in the Docs! - [Dropcursor extension](https://tiptap.dev/docs/editor/extensions/functionality/dropcursor.md): Add a cursor when dragging items inside the editor with the Dropcursor extension. Learn how to use it here in the Docs! - [Export](https://tiptap.dev/docs/editor/extensions/functionality/export.md) - [FileHandler extension](https://tiptap.dev/docs/editor/extensions/functionality/filehandler.md): Handle file drops and pastes in your Tiptap editor with the FileHandler extension. Learn how to set it up here in the Docs! - [FloatingMenu extension](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu.md): Use the Floating Menu extension in Tiptap to add a menu that appears on empty lines. Learn more in the docs. - [Focus extension](https://tiptap.dev/docs/editor/extensions/functionality/focus.md): Use the Focus extension in Tiptap to track and highlight the cursor's position. Learn more in our docs! - [FontFamily extension](https://tiptap.dev/docs/editor/extensions/functionality/fontfamily.md): Set custom font families using the Font Family extension in your Tiptap Editor. Learn more in our documentation. - [FontSize extension](https://tiptap.dev/docs/editor/extensions/functionality/fontsize.md): Set custom font size using the Font Size extension in your Tiptap Editor. Learn more in our documentation. - [Gapcursor extension](https://tiptap.dev/docs/editor/extensions/functionality/gapcursor.md): Prevent your cursor from getting stuck with the Gapcursor extension in Tiptap. Learn more in our documentation. - [Import](https://tiptap.dev/docs/editor/extensions/functionality/import.md) - [InvisibleCharacters extensions](https://tiptap.dev/docs/editor/extensions/functionality/invisiblecharacters.md): Allow your users to see invisible characters like spaces, hard breaks, and paragraphs. More in the docs! - [Line Height extension](https://tiptap.dev/docs/editor/extensions/functionality/line-height.md): Add text line-height support to your Tiptap editor with the Line Height extension. Learn more in our documentation. - [ListKit extension](https://tiptap.dev/docs/editor/extensions/functionality/list-kit.md): All necessary list extensions in one extension with ListKit. Perfect for quickly setting up lists with Tiptap. More in the docs! - [List Keymap extension](https://tiptap.dev/docs/editor/extensions/functionality/listkeymap.md): Add extra keymap handlers to change the default backspace and delete behavior for lists. Learn more in our docs! - [Professional page-based layout](https://tiptap.dev/docs/editor/extensions/functionality/pages.md) - [Paste Handler](https://tiptap.dev/docs/editor/extensions/functionality/paste-handler.md): Automatically clean and normalize pasted content from Microsoft Excel, Word, and Google Docs in your Tiptap editor. - [Placeholder extension](https://tiptap.dev/docs/editor/extensions/functionality/placeholder.md): Configure a helpful placeholder to fill the emptiness in your Tiptap editor. Learn how to set up and use it here in the Docs! - [Selection extension](https://tiptap.dev/docs/editor/extensions/functionality/selection.md): Use the Selection extension in Tiptap to preserve the selection when the editor is blurred. Learn more in our docs! - [Build AI features on the server](https://tiptap.dev/docs/editor/extensions/functionality/server-ai-toolkit.md) - [Integrate Snapshots into your editor](https://tiptap.dev/docs/editor/extensions/functionality/snapshot.md) - [Snapshot Compare Extension](https://tiptap.dev/docs/editor/extensions/functionality/snapshot-compare.md) - [StarterKit extension](https://tiptap.dev/docs/editor/extensions/functionality/starterkit.md): All the popular extensions in one extension with StarterKit. Perfect for getting started with Tiptap. More in the docs! - [TableKit extension](https://tiptap.dev/docs/editor/extensions/functionality/table-kit.md): All necessary table extensions in one extension with TableKit. Perfect for quickly setting up tables with Tiptap. More in the docs! - [Table of Contents extension](https://tiptap.dev/docs/editor/extensions/functionality/table-of-contents.md): Integrate a list of anchors to your document and collect all headlines in a nice TOC (Table of Contents). Learn more in the docs! - [TextStyleKit extension](https://tiptap.dev/docs/editor/extensions/functionality/text-style-kit.md): All necessary text style extensions in one extension with TextStyleKit. Perfect for quickly registering the most common text styles with Tiptap. More in the docs! - [TextAlign extension](https://tiptap.dev/docs/editor/extensions/functionality/textalign.md): Left, right, center, whatever! Align the text however you like with the Text Align extension. More in the docs! - [Tracked Changes extension](https://tiptap.dev/docs/editor/extensions/functionality/tracked-changes.md): Enable track changes and suggestion mode in your Tiptap editor for collaborative editing and document review. - [Trailing Node extension](https://tiptap.dev/docs/editor/extensions/functionality/trailing-node.md): Add a trailing node to your editor with the Trailing Node extension in Tiptap. Learn more in our documentation. - [Typography extension](https://tiptap.dev/docs/editor/extensions/functionality/typography.md): Replace common text patterns with typographic characters with the typography extension in your editor. More in the docs! - [Undo/Redo extension](https://tiptap.dev/docs/editor/extensions/functionality/undo-redo.md): Undo and redo changes in your Tiptap Editor with ease, allowing you to revert or reapply edits in your editor. More in the docs. - [UniqueID extension](https://tiptap.dev/docs/editor/extensions/functionality/uniqueid.md): Add a unique ID to every single node and keep track of them with the UniqueID extension. More in the docs! - [Mark extensions](https://tiptap.dev/docs/editor/extensions/marks.md): Learn about all the mark extensions you can use in your Tiptap Editor like bold, code, link and more. Learn more in the docs! - [Bold extension](https://tiptap.dev/docs/editor/extensions/marks/bold.md): Use the Bold extension in Tiptap to make your text bold and let it stand out. Learn more in our docs! - [Code extension](https://tiptap.dev/docs/editor/extensions/marks/code.md): Use the Code extension in your Tiptap Editor to add inline code to your texts. Learn more in our docs! - [Highlight extension](https://tiptap.dev/docs/editor/extensions/marks/highlight.md): Use the Highlight extension in your Tiptap Editor to add colorful text highlights. Learn more in our docs! - [Italic extension](https://tiptap.dev/docs/editor/extensions/marks/italic.md): Use the Italic extension in your Tiptap Editor to emphasize your text with italics. Learn more in our docs! - [Link extension](https://tiptap.dev/docs/editor/extensions/marks/link.md): Learn how to use the Link extension in Tiptap to add support for tags. Discover more in our docs! - [Strike extension](https://tiptap.dev/docs/editor/extensions/marks/strike.md): Learn how to use the Strike extension in Tiptap to cut through the words you wrote if you're too afraid to delete it. - [Subscript extension](https://tiptap.dev/docs/editor/extensions/marks/subscript.md): Learn how to use the Subscript extension in Tiptap to write slightly below the normal line and show your unique style. - [Superscript extension](https://tiptap.dev/docs/editor/extensions/marks/superscript.md): Use the Superscript extension in Tiptap to write text above the normal line. Learn more in our docs! - [TextStyle extension](https://tiptap.dev/docs/editor/extensions/marks/text-style.md): Use the Text Style extension in Tiptap to add tags with custom styles. Learn more in our docs! - [Underline extension](https://tiptap.dev/docs/editor/extensions/marks/underline.md): Add a line below your text to make it look more… underlined with the Tiptap’s… Underline extension. More in the docs! - [Nodes extensions](https://tiptap.dev/docs/editor/extensions/nodes.md): Discover the different types of nodes in Tiptap, like paragraphs, headings, code blocks, and more. Learn more in our docs! - [Audio extension](https://tiptap.dev/docs/editor/extensions/nodes/audio.md): Use the Audio extension in Tiptap to embed audio files in your documents. Learn more in our docs! - [Blockquote extension](https://tiptap.dev/docs/editor/extensions/nodes/blockquote.md): Use the Blockquote extension in Tiptap to enable the quote HTML tag in the editor. Learn more in our docs! - [BulletList extension](https://tiptap.dev/docs/editor/extensions/nodes/bullet-list.md): Use the Bullet list extension to enable bullet lists in your Tiptap Editor. Learn more about lists in our docs! - [CodeBlock extension](https://tiptap.dev/docs/editor/extensions/nodes/code-block.md): Use the CodeBlock extension in Tiptap to add fenced code blocks to your documents. Learn more in our docs! - [CodeBlockLowlight extension](https://tiptap.dev/docs/editor/extensions/nodes/code-block-lowlight.md): Use the CodeBlockLowlight extension to add code blocks with syntax highlighting to your documents. Learn more in our docs! - [Details extension](https://tiptap.dev/docs/editor/extensions/nodes/details.md): Use the Details extension in Tiptap to enable the HTML tag for showing and hiding content. Learn more in our docs! - [DetailsContent extension](https://tiptap.dev/docs/editor/extensions/nodes/details-content.md): Show and hide content with the Details and DetailsContent extension in your Tiptap Editor. Great to… toggle hiding content! - [DetailsSummary extension](https://tiptap.dev/docs/editor/extensions/nodes/details-summary.md): Use the DetailsSummary extension to enable the `` HTML tag for your `` content. Learn more in our docs! - [Document extension](https://tiptap.dev/docs/editor/extensions/nodes/document.md): Use the required Document extension as a home for all your editor’s nodes and content. Learn more in our docs! - [Emoji extension](https://tiptap.dev/docs/editor/extensions/nodes/emoji.md): Use the Emoji extension in Tiptap to render emojis as inline nodes with fallback images for unsupported emojis. - [HardBreak extension](https://tiptap.dev/docs/editor/extensions/nodes/hard-break.md): Use the Hard Break extension in Tiptap to add support for the HTML tag for line breaks. Learn more in our docs! - [Heading extension](https://tiptap.dev/docs/editor/extensions/nodes/heading.md): Use the Heading extension in Tiptap to add support for headings of different levels with HTML tags. Learn more in our docs! - [HorizontalRule extension](https://tiptap.dev/docs/editor/extensions/nodes/horizontal-rule.md): Use the Horizontal Rule extension in Tiptap to render the `` HTML tag for separating content. Learn more in our docs! - [Image extension](https://tiptap.dev/docs/editor/extensions/nodes/image.md): Use the Image extension in Tiptap to render the HTML tag for adding images to your documents. Learn more in our docs! - [ListItem extension](https://tiptap.dev/docs/editor/extensions/nodes/list-item.md): Use the List Item extension in Tiptap to add support for the `` tag used in bullet and ordered lists. Learn more in our docs! - [Mathematics extension](https://tiptap.dev/docs/editor/extensions/nodes/mathematics.md): This extension allows your users to write and visualize mathematical formulas via LaTeX. Learn how to set it up in the docs! - [Mention extension](https://tiptap.dev/docs/editor/extensions/nodes/mention.md): Use the Mention extension in Tiptap to mention other users with a suggestion popup. Learn more in our docs! - [OrderedList extension](https://tiptap.dev/docs/editor/extensions/nodes/ordered-list.md): Use the Ordered List extension in Tiptap to enable ordered lists rendered as HTML tags. Learn more in our docs! - [Paragraph extension](https://tiptap.dev/docs/editor/extensions/nodes/paragraph.md): Use the Paragraph extension in Tiptap to add support for paragraphs with the HTML tag. Learn more in our docs! - [Table extension](https://tiptap.dev/docs/editor/extensions/nodes/table.md): Use the Table extension in Tiptap to add tables to your documents with a range of customization options. Learn more in our docs! - [TableCell extension](https://tiptap.dev/docs/editor/extensions/nodes/table-cell.md): Use the Table Cell extension in Tiptap to add cells to your tables for proper data structure. Learn more in our docs! - [TableHeader extension](https://tiptap.dev/docs/editor/extensions/nodes/table-header.md): Improve tables with Tiptap’s TableHeader extension. Easily control table headers. Source code and usage examples in the docs! - [TableRow extension](https://tiptap.dev/docs/editor/extensions/nodes/table-row.md): Use the Table Row extension in Tiptap to add rows to your tables for a better table structure. Learn more in our docs! - [TaskItem extension](https://tiptap.dev/docs/editor/extensions/nodes/task-item.md): Use the TaskItem extension to add support for task items rendered as with checkboxes. More in our docs! - [TaskList extension](https://tiptap.dev/docs/editor/extensions/nodes/task-list.md): Use the Task List extension in Tiptap to add support for task lists rendered as . More in our docs! - [Text extension](https://tiptap.dev/docs/editor/extensions/nodes/text.md): It's very likely that you want text in your text editor. Enable plain text support with the Text extension. More in the docs! - [Twitch extension](https://tiptap.dev/docs/editor/extensions/nodes/twitch.md): Use the Twitch extension in Tiptap to easily embed Twitch videos in your documents. Learn more in our docs! - [Youtube extension](https://tiptap.dev/docs/editor/extensions/nodes/youtube.md): Use the Youtube extension in Tiptap to easily embed Youtube videos in your documents. Learn more in our docs! - [Don’t bend it, extend it.](https://tiptap.dev/docs/editor/extensions/overview.md): Choose from countless Editor extensions to build a unique content experience. Start exploring Editor extensions in the docs! - [Configure the Editor](https://tiptap.dev/docs/editor/getting-started/configure.md): Configure your Tiptap Editor's elements, extensions, and content settings. Learn more in our documentation! - [Install the Editor](https://tiptap.dev/docs/editor/getting-started/install.md): Integrate the Tiptap editor into your project. Tiptap is framework-agnostic, offering full compatibility with most frameworks. - [Alpine](https://tiptap.dev/docs/editor/getting-started/install/alpine.md): Discover how to use Tiptap with Alpine.js to create a powerful text editor. Follow our detailed guide in our docs! - [Next.js](https://tiptap.dev/docs/editor/getting-started/install/nextjs.md): Learn how to integrate Tiptap with Next.js to create a versatile and powerful rich text editor for your project. - [Nuxt](https://tiptap.dev/docs/editor/getting-started/install/nuxt.md): Learn how to set up the Tiptap Editor with Nuxt.js for a dynamic rich text editing experience. Dive into our guide in our docs! - [PHP](https://tiptap.dev/docs/editor/getting-started/install/php.md): Discover how to utilize Tiptap within PHP environments, including Laravel and Livewire. Access the guide in our docs! - [React](https://tiptap.dev/docs/editor/getting-started/install/react.md): Learn how to integrate the Tiptap Editor with a React app and develop your custom editor experience. - [Svelte](https://tiptap.dev/docs/editor/getting-started/install/svelte.md): Discover how to set up Tiptap with Svelte for a dynamic rich text editing experience. Follow our detailed guide in our docs! - [Vanilla JavaScript](https://tiptap.dev/docs/editor/getting-started/install/vanilla-javascript.md): Learn how to set up the Tiptap Editor with Vanilla JavaScript, install dependencies and initialize the editor in the docs! - [Vue 2](https://tiptap.dev/docs/editor/getting-started/install/vue2.md): Learn how to set up Tiptap with Vue 2 for enhanced rich text editing capabilities. Follow our step-by-step guide in our docs! - [Vue 3](https://tiptap.dev/docs/editor/getting-started/install/vue3.md): Learn how to set up Tiptap with Vue 3 for enhanced rich text editing. Get started with our thorough guide in our docs! - [Integrate the Tiptap Editor](https://tiptap.dev/docs/editor/getting-started/overview.md): Build a custom rich text editor with Tiptap, a customizable and headless editor framework. Learn more about Tiptap in the docs. - [Styling the Editor](https://tiptap.dev/docs/editor/getting-started/style-editor.md): Apply custom styles to your Tiptap editor using plain HTML, custom classes, or Tailwind CSS. Learn more in the docs. - [How to develop a custom menu](https://tiptap.dev/docs/editor/getting-started/style-editor/custom-menus.md): Learn how to develop a custom bubble or floating menu in your Tiptap editor. Learn more in our documentation! - [Introduction into Markdown with Tiptap](https://tiptap.dev/docs/editor/markdown.md): Get started with Markdown in Tiptap. Learn how to parse and render Markdown content in your Tiptap editor with our comprehensive guide. - [Custom Markdown Parsing](https://tiptap.dev/docs/editor/markdown/advanced-usage/custom-parsing.md): Learn how to implement custom Markdown parsing in Tiptap Editor with this comprehensive guide. - [Custom Markdown Serializing](https://tiptap.dev/docs/editor/markdown/advanced-usage/custom-serializing.md): Learn how to create custom Markdown serialization in Tiptap. - [Custom Markdown Tokenizers](https://tiptap.dev/docs/editor/markdown/advanced-usage/custom-tokenizer.md): Learn how to extend the Markdown parser in Tiptap with custom tokenizers for non-standard syntax. Follow our step-by-step guide in the docs! - [Editor](https://tiptap.dev/docs/editor/markdown/api/editor.md): Learn about the `content` and `contentAsMarkdown` options in Tiptap's Editor API for handling HTML, Markdown, and Tiptap JSON content. - [Markdown Extension API](https://tiptap.dev/docs/editor/markdown/api/extension.md): Learn how to create custom Markdown extensions for Tiptap using the Markdown Extension API. - [MarkdownManager API](https://tiptap.dev/docs/editor/markdown/api/markdown-manager.md): Learn about the Markdown Manager API in Tiptap Editor. Get methods and options for handling Markdown content. - [Markdown Types API](https://tiptap.dev/docs/editor/markdown/api/types.md): Detailed documentation of all types related to the Markdown extension in Tiptap. - [Markdown Utilities](https://tiptap.dev/docs/editor/markdown/api/utilities.md): Use built-in utilities from @tiptap/core for standard markdown patterns. Learn more in our docs! - [Markdown Examples](https://tiptap.dev/docs/editor/markdown/examples.md): Explore practical examples of using the Markdown extension in Tiptap. Learn how to parse, serialize, and customize Markdown content in your editor. - [Basic Usage](https://tiptap.dev/docs/editor/markdown/getting-started/basic-usage.md): Learn the fundamental operations for working with Markdown in Tiptap. This guide covers parsing, serialization, and common tasks. - [Install and Setup the Markdown Package](https://tiptap.dev/docs/editor/markdown/getting-started/installation.md): Learn how to install and use the Markdown package in Tiptap to enable Markdown support in your editor. - [Markdown Glossary for Tiptap](https://tiptap.dev/docs/editor/markdown/glossary.md): A comprehensive glossary of Markdown terms and concepts for Tiptap users. - [Create a Admonition Block with Markdown Support](https://tiptap.dev/docs/editor/markdown/guides/create-a-admonition-block.md): Learn how to create a custom Admonition block in Tiptap that supports Markdown syntax. - [Create an Emoji Inline Node with Markdown Support](https://tiptap.dev/docs/editor/markdown/guides/create-a-emoji-inline-block.md): Learn how to create a custom Emoji inline node in Tiptap that supports shortcode Markdown (e.g., :smile:). - [Create a Highlight Mark with Markdown Support](https://tiptap.dev/docs/editor/markdown/guides/create-a-highlight-mark.md): Learn how to create a custom Highlight mark in Tiptap that supports Markdown syntax for enhanced text formatting. - [Integration Markdown in Custom Extensions](https://tiptap.dev/docs/editor/markdown/guides/integrate-markdown-in-your-extension.md): Learn how to integrate Markdown support into your custom Tiptap extensions. This guide covers extending parsing and serialization for custom nodes and marks. ## Examples - [Examples](https://tiptap.dev/docs/examples.md): Learn how to use and integrate a custom user experience in Tiptap with our list of code examples. More in the docs! - [Tiptap Editor with customized extensions](https://tiptap.dev/docs/examples/advanced/clever-editor.md): See how to create highly customized extensions for your text editor with Tiptap. Learn more in our documentation! - [Collaborative editing implementation](https://tiptap.dev/docs/examples/advanced/collaborative-editing.md): Learn how to create a simple collaborative text editor in Tiptap with a short code example. More in our docs! - [Tiptap Editor with a canvas drawing node](https://tiptap.dev/docs/examples/advanced/drawing.md): Learn how create a text editor with drawing capabilities with Tiptap with an easy code example. More in our docs! - [Enforcing a content structure](https://tiptap.dev/docs/examples/advanced/forced-content-structure.md): Learn how to add a text editor with a forced content structure with Tiptap. More in our documentation! - [Interactive React & Vue views](https://tiptap.dev/docs/examples/advanced/interactive-react-and-vue-views.md): Learn how to build a text editor with React or Vue support with Tiptap. More in our documentation! - [Mentions in Tiptap](https://tiptap.dev/docs/examples/advanced/mentions.md): Learn how to build a text editor with mentions in Tiptap with a quick code example. More in our documentation. - [Bubble & floating menu implementation](https://tiptap.dev/docs/examples/advanced/menus.md): Learn how to create floating menus for your text editor in Tiptap with a short code example. More in our docs. - [React rendering performance](https://tiptap.dev/docs/examples/advanced/react-performance.md): Learn how to integrate Tiptap with React and improve the rendering performance of your editor. More in the docs! - [Using the CodeBlockLowlight extension in Tiptap](https://tiptap.dev/docs/examples/advanced/syntax-highlighting.md): Learn how to create code blocks with syntax highlighting with Tiptap with an easy example. More in our docs! - [Default text editor](https://tiptap.dev/docs/examples/basics/default-text-editor.md): Learn how to create a super basic text editor in Tiptap with a short code example. More in our documentation! - [Formatting](https://tiptap.dev/docs/examples/basics/formatting.md): Learn how to create a text editor with text formatting in Tiptap with an easy code example. More in our docs! - [Images](https://tiptap.dev/docs/examples/basics/images.md): Learn how to create a text editor supporting images in Tiptap with a short code example. More in our docs! - [Long texts](https://tiptap.dev/docs/examples/basics/long-texts.md): Learn how to create a text editor supporting large content with Tiptap with an easy example. More in our docs! - [Markdown shortcuts in Tiptap](https://tiptap.dev/docs/examples/basics/markdown-shortcuts.md): Learn how to create a editor with Markdown shortcuts in Tiptap with an easy code example. More in our docs! - [Minimal setup for paragraphs & text only](https://tiptap.dev/docs/examples/basics/minimal-setup.md): Learn how to create a very minimal text editor in Tiptap with a short code example. More in our documentation! - [Adding table support to Tiptap](https://tiptap.dev/docs/examples/basics/tables.md): Learn how to create a text editor supporting tables in Tiptap with a quick code example. More in our docs! - [Task lists in Tiptap](https://tiptap.dev/docs/examples/basics/tasks.md): Learn how to create a text editor supporting task lists with Tiptap with an easy code example. More in our docs. - [Text direction & RTL support](https://tiptap.dev/docs/examples/basics/text-direction.md): Learn how to use text direction controls for RTL languages and bidirectional content with this comprehensive Tiptap example. - [Multiple fields on collaborative document](https://tiptap.dev/docs/examples/experiments/collaborative-fields.md): See how to save different content on one collaboration document with Tiptap Editor. Learn more in our documentation! - [Example code editor with Figures](https://tiptap.dev/docs/examples/experiments/figure.md): Use the Figure extension in Tiptap to add figure nodes to your editor content. Learn more in our docs! - [Image & Table figures via a generic figure](https://tiptap.dev/docs/examples/experiments/generic-figure.md): Learn how to create a generic figure extension for your Tiptap Editor with an easy example. More in our docs! - [Integrate an iFrame into your Editor](https://tiptap.dev/docs/examples/experiments/iframe.md): Use the Iframe extension in Tiptap to embed iframes in your editor content. Learn more in our docs! - [Linting example in Tiptap](https://tiptap.dev/docs/examples/experiments/linting.md): Learn how to add a content linter to your Tiptap Editor with a short but sweet code example. More in our docs. - [Code editor with Slash Commands](https://tiptap.dev/docs/examples/experiments/slash-commands.md): Use the Slash Commands extension in Tiptap to add a toolbar via / that pops up at the slash position. Learn more in our docs! ## Guides - [Tiptap Guides](https://tiptap.dev/docs/guides.md): Explore the Tiptap guides about Content AI, Comments, Collaboration, and more to build dynamic and accessible rich-text editors. - [How to make your editor accessible](https://tiptap.dev/docs/guides/accessibility.md): Quick notes on ensuring accessibility by providing semantic markup, keyboard accessibility, and guidelines. More in the docs! - [Authentication with Collaboration](https://tiptap.dev/docs/guides/authentication.md): Implement JWT authentication with Tiptap's collaboration and securely generate and manage JWTs server-side. More in the docs! - [Collaboration API](https://tiptap.dev/docs/guides/collaboration-api.md): Collaboration API - [Create a new mark](https://tiptap.dev/docs/guides/create-mark.md): Create a new mark for your Tiptap editor and create a unique editor experience from scratch. Learn more in the docs! - [Frequently Asked Questions](https://tiptap.dev/docs/guides/faq.md): Frequently asked questions about Tiptap, the headless editor framework. - [Invalid schema handling in Tiptap](https://tiptap.dev/docs/guides/invalid-schema.md): Adjust and configure how you handle invalid schemas in Tiptap and Tiptap Collaboration. More in the docs! - [Migrate from CKEditor 4 to Tiptap](https://tiptap.dev/docs/guides/migrate-from-ckeditor4.md): Learn how to migrate your existing CKEditor 4 editor to Tiptap. Complete guide covering content migration, setup, and feature mapping. - [Migrate from CKEditor 5 to Tiptap](https://tiptap.dev/docs/guides/migrate-from-ckeditor5.md): Learn how to migrate your existing CKEditor 5 editor to Tiptap. Complete guide covering content migration, setup, and feature mapping. - [Migrate from Draft.js to Tiptap](https://tiptap.dev/docs/guides/migrate-from-draftjs.md): Learn how to migrate your existing Draft.js editor to Tiptap. Complete guide covering content migration, setup, and feature mapping. - [Migrate from Editor.js to Tiptap](https://tiptap.dev/docs/guides/migrate-from-editorjs.md): Learn how to migrate your existing Editor.js editor to Tiptap. Complete guide covering content migration, setup, and feature mapping. - [Migrate from Lexical to Tiptap](https://tiptap.dev/docs/guides/migrate-from-lexical.md): Learn how to migrate your existing Lexical editor to Tiptap. Complete guide covering content migration, setup, and feature mapping. - [Migrate from Quill to Tiptap](https://tiptap.dev/docs/guides/migrate-from-quill.md): Learn how to migrate your existing Quill editor to Tiptap. Complete guide covering content migration, setup, and feature mapping. - [Migrate from Slate to Tiptap](https://tiptap.dev/docs/guides/migrate-from-slate.md): Learn how to migrate your existing Slate editor to Tiptap. Complete guide covering content migration, setup, and feature mapping. - [Migrate from TinyMCE to Tiptap](https://tiptap.dev/docs/guides/migrate-from-tinymce.md): Learn how to migrate your existing TinyMCE editor to Tiptap. Complete guide covering content migration, setup, and feature mapping. - [Name and structure your Collaboration documents](https://tiptap.dev/docs/guides/naming-documents.md): Name and organize documents effectively in Tiptap Collaboration, using unique identifiers and Y.js fragments. More in the docs! - [Add offline support to your editor](https://tiptap.dev/docs/guides/offline-support.md): Add offline functionality to your Collaborative Editor and enable local data storage and automatic sync when online. - [Output and content handling with Tiptap](https://tiptap.dev/docs/guides/output-json-html.md): Manage content formats in Tiptap Editor and export to JSON and HTML, using Y.js for advanced features. More in the docs! - [Integrating Tiptap performantly in your app](https://tiptap.dev/docs/guides/performance.md): Learn how to integrate Tiptap Editor performantly in your app. More in the docs! - [How to integrate Tiptap Pro extensions?](https://tiptap.dev/docs/guides/pro-extensions.md): Tiptap Pro extensions add advanced capabilities to the Tiptap Editor and are installed from the private Tiptap NPM registry. - [Using Tiptap with the React Composable API](https://tiptap.dev/docs/guides/react-composable-api.md): Learn how to use Tiptap's composable React API with the declarative Tiptap component for a streamlined integration experience. - [Working with TypeScript](https://tiptap.dev/docs/guides/typescript.md): Use TypeScript to develop your Tiptap Editor. Learn more in our documentation - [How to upgrade Tiptap v1 to v2](https://tiptap.dev/docs/guides/upgrade-tiptap-v1.md): Upgrade your Tiptap v1 project to version 2. Learn about the changes and how to migrate your project. - [How to upgrade Tiptap v2 to v3](https://tiptap.dev/docs/guides/upgrade-tiptap-v2.md): Upgrade your Tiptap v2 project to version 3. Learn about the changes and how to migrate your project. ## Hocuspocus - [Contributing to Hocuspocus](https://tiptap.dev/docs/hocuspocus/getting-started/contributing.md): Contributing to Hocuspocus - [Hocuspocus](https://tiptap.dev/docs/hocuspocus/getting-started/overview.md): Hocuspocus - [Sponsor Hocuspocus](https://tiptap.dev/docs/hocuspocus/getting-started/sponsor.md): Sponsor Hocuspocus - [Upgrade Guide](https://tiptap.dev/docs/hocuspocus/getting-started/upgrade.md): Upgrade to 4.0 from 3.x and 3.0 from 2.x - [Authentication](https://tiptap.dev/docs/hocuspocus/guides/authentication.md) - [Awareness](https://tiptap.dev/docs/hocuspocus/guides/awareness.md) - [Collaborative editing](https://tiptap.dev/docs/hocuspocus/guides/collaborative-editing.md) - [Custom extensions](https://tiptap.dev/docs/hocuspocus/guides/custom-extensions.md) - [Multi subdocuments](https://tiptap.dev/docs/hocuspocus/guides/multi-subdocuments.md) - [Persistence](https://tiptap.dev/docs/hocuspocus/guides/persistence.md) - [Scalability](https://tiptap.dev/docs/hocuspocus/guides/scalability.md) - [Configure Hocuspocus Provider](https://tiptap.dev/docs/hocuspocus/provider/configuration.md) - [Hocuspocus Provider Events](https://tiptap.dev/docs/hocuspocus/provider/events.md) - [Hocuspocus Provider Examples](https://tiptap.dev/docs/hocuspocus/provider/examples.md) - [Install Hocuspocus Provider](https://tiptap.dev/docs/hocuspocus/provider/install.md) - [Introduction](https://tiptap.dev/docs/hocuspocus/provider/overview.md): Secure and manage access in your collaborative editor with JWTs, covering setup, testing, and production integration. - [React bindings](https://tiptap.dev/docs/hocuspocus/provider/react.md): Use @hocuspocus/provider-react to wire Hocuspocus into React apps with components and hooks. - [Configure Hocuspocus Server](https://tiptap.dev/docs/hocuspocus/server/configuration.md) - [Hocuspocus Server Examples](https://tiptap.dev/docs/hocuspocus/server/examples.md) - [Database](https://tiptap.dev/docs/hocuspocus/server/extensions/database.md) - [Logger](https://tiptap.dev/docs/hocuspocus/server/extensions/logger.md) - [Server Extensions](https://tiptap.dev/docs/hocuspocus/server/extensions/overview.md) - [Redis](https://tiptap.dev/docs/hocuspocus/server/extensions/redis.md) - [S3](https://tiptap.dev/docs/hocuspocus/server/extensions/s3.md) - [SQLite](https://tiptap.dev/docs/hocuspocus/server/extensions/sqlite.md) - [Throttle](https://tiptap.dev/docs/hocuspocus/server/extensions/throttle.md) - [Webhooks](https://tiptap.dev/docs/hocuspocus/server/extensions/webhook.md) - [Hooks](https://tiptap.dev/docs/hocuspocus/server/hooks.md) - [Install Hocuspocus Server](https://tiptap.dev/docs/hocuspocus/server/install.md): Secure and manage access in your collaborative editor with JWTs, covering setup, testing, and production integration. - [Usage](https://tiptap.dev/docs/hocuspocus/server/usage.md) ## Index - [Tiptap Docs](https://tiptap.dev/docs/index.md): Tiptap provides a framework to create custom content editors. Explore countless extensible features and handy cloud services. ## Pages - [Limitations](https://tiptap.dev/docs/pages/core-concepts/limitations.md): Known limitations of the Tiptap Pages extension, with workarounds. - [Pages extension API reference](https://tiptap.dev/docs/pages/core-concepts/options.md): API reference for the Tiptap Pages extension — options, commands, and storage. - [PageBreak node](https://tiptap.dev/docs/pages/core-concepts/page-break-node.md): Learn how to use the PageBreak extension to insert explicit page breaks in your Tiptap editor, with or without the Pages extension. - [Page format](https://tiptap.dev/docs/pages/core-concepts/page-format.md): Learn how to set the page format (A4, Letter, etc) in the Tiptap Pages extension. - [Page gap & background](https://tiptap.dev/docs/pages/core-concepts/page-gap.md): Learn how to change the background color between pages and the spacing between pages in the Tiptap Pages extension. - [Page header and footer](https://tiptap.dev/docs/pages/core-concepts/page-header-footer.md): Learn how to configure headers and footers in Tiptap Pages, including different first page, odd/even pages, and live Tiptap-powered editing. - [Zoom](https://tiptap.dev/docs/pages/core-concepts/zoom.md): Learn how to zoom in and out of your Tiptap Pages editor to make content larger or smaller, just like in Google Docs or Microsoft Word. - [Install the Pages extension](https://tiptap.dev/docs/pages/getting-started/install.md): Install the Pages extension in Tiptap to add page-style layout to your editor. Learn more in the docs! - [Pages](https://tiptap.dev/docs/pages/getting-started/overview.md): Turn your Tiptap editor into a paginated, document-style layout with headers, footers, page formats, and zoom. - [Adding collaboration to Pages](https://tiptap.dev/docs/pages/guides/collaboration-with-pages.md): Learn how to add real-time collaboration to your paginated editor — including headers, footers, the four subtypes (default, first page, odd/even), and document-level page geometry like format and margins — using the Pages extension. - [PageKit](https://tiptap.dev/docs/pages/guides/pagekit-usage.md): Learn how to use the PageKit extension to quickly add Pages and Table support to your editor. - [PagesTableKit: tables for the Pages extension](https://tiptap.dev/docs/pages/guides/pages-tablekit.md): Table extensions tailored for the Pages pagination extension. Works for any Pages setup; pairs with DOCX import for faithful Word-document rendering. Experimental feature; the API may change. - [Using the TableKit extension with Pages](https://tiptap.dev/docs/pages/guides/table-with-pages.md): Learn how to add and use the TableKit extension alongside Pages for best compatibility. - [From zero to print-ready: Pages & DOCX export](https://tiptap.dev/docs/pages/guides/zero-to-print-ready.md): Step-by-step guide to building a print-ready editor with Tiptap, Pages, and DOCX export. - [cmToPixels utility](https://tiptap.dev/docs/pages/utilities/cm-to-pixels.md): Convert centimeters to pixels for page formatting in Tiptap Pages. - [inchToPixels utility](https://tiptap.dev/docs/pages/utilities/inch-to-pixels.md): Convert inches to pixels for page formatting in Tiptap Pages. - [Page formats constants](https://tiptap.dev/docs/pages/utilities/page-formats.md): Predefined page formats and their pixel dimensions for Tiptap Pages. ## Resources - [Agent skill](https://tiptap.dev/docs/resources/agent-skill.md): Install an agent skill that teaches AI coding agents how to use the Tiptap rich text editor. - [Editor Changelog](https://tiptap.dev/docs/resources/changelog.md): A guide on tracking changes in Tiptap Editor with information on how and where to follow updates for this multi-package system. - [Contributing to Tiptap](https://tiptap.dev/docs/resources/contributing.md): Step-by-step guide for those interested in contributing to Tiptap, from setting up your development environment to tips for successful pull requests and creating your own extensions. - [Patched Security Incidents](https://tiptap.dev/docs/resources/incidents.md): All known issues fixed in public Tiptap releases. To learn more, head over to our docs. - [XSS vulnerability in link popover](https://tiptap.dev/docs/resources/incidents/06-25-2025-link-popover.md): The Link Popover UI Component accepted malicious URLs, allowing potential XSS attacks. - [Try Tiptap Pro and Cloud for free](https://tiptap.dev/docs/resources/tiptap-trial.md): Learn how to start your 30‑day free trial of Tiptap Pro and Cloud (no credit card required). More in the docs! - [What's new in Tiptap V3](https://tiptap.dev/docs/resources/whats-new.md): Discover what’s new in Tiptap V3. New features, important improvements, and breaking changes clearly explained. ## Tracked Changes - [Commands](https://tiptap.dev/docs/tracked-changes/api-reference/commands.md): All editor commands available in the Tiptap Tracked Changes extension. - [Events](https://tiptap.dev/docs/tracked-changes/api-reference/events.md): All editor events emitted by the Tiptap Tracked Changes extension. - [Styling](https://tiptap.dev/docs/tracked-changes/api-reference/styling.md): Style suggestion marks with CSS data attributes in the Tiptap Tracked Changes extension. - [Types](https://tiptap.dev/docs/tracked-changes/api-reference/types.md): TypeScript type definitions for the Tiptap Tracked Changes extension. - [Utilities](https://tiptap.dev/docs/tracked-changes/api-reference/utilities.md): Utility functions for querying and working with suggestions in the Tiptap Tracked Changes extension. - [Tracked Changes with Collaboration](https://tiptap.dev/docs/tracked-changes/examples/collaboration.md): An example combining Tracked Changes with real-time Yjs collaboration and cursor awareness. - [Tracked Changes with Comments](https://tiptap.dev/docs/tracked-changes/examples/comments.md): A full review workflow combining Tracked Changes, Comments, and real-time collaboration. - [Simple Tracked Changes](https://tiptap.dev/docs/tracked-changes/examples/simple.md): A basic example of the Tracked Changes extension with a suggestion sidebar, accept and reject controls. - [Install the Tracked Changes extension](https://tiptap.dev/docs/tracked-changes/getting-started/install.md): Install and configure the Tracked Changes extension for suggestion mode in your Tiptap editor. - [Track changes in your editor](https://tiptap.dev/docs/tracked-changes/getting-started/overview.md): Enable track changes and suggestion mode in your Tiptap editor for collaborative editing and document review. - [Tracked Changes with Comments](https://tiptap.dev/docs/tracked-changes/guides/comments-integration.md): Build a full editor combining Tracked Changes and Comments for a complete document review workflow. - [Creating an editor with Tracked Changes](https://tiptap.dev/docs/tracked-changes/guides/editor-setup.md): Step-by-step guide to setting up a Tiptap editor with the Tracked Changes extension in React. - [Using NodeViews with Tracked Changes](https://tiptap.dev/docs/tracked-changes/guides/nodeview-support.md): Learn how to properly integrate NodeViews with Tracked Changes to enable suggestion tracking for custom components. - [Build a suggestion list](https://tiptap.dev/docs/tracked-changes/guides/suggestion-list.md): Create a sidebar component that displays all tracked change suggestions with accept and reject actions. - [Advanced usage](https://tiptap.dev/docs/tracked-changes/usage/advanced-usage.md): Learn about suggestion grouping, deletion merging, collaboration compatibility, and comments integration in Tiptap Tracked Changes. - [Basic usage](https://tiptap.dev/docs/tracked-changes/usage/basic-usage.md): Learn how to enable tracked changes, manage users, and accept or reject suggestions in your Tiptap editor. ## Ui Components - [AI Ask Button](https://tiptap.dev/docs/ui-components/components/ai-ask-button.md): AI-powered button to trigger intelligent content generation and editing on selected text. More in the docs. - [AI Menu](https://tiptap.dev/docs/ui-components/components/ai-menu.md): Intelligent AI-powered contextual menu for content editing and generation. More in the docs. - [Blockquote Button](https://tiptap.dev/docs/ui-components/components/blockquote-button.md): Toggle through block-level nodes like blockquotes with the Blockquote Button. More in the docs. - [Code Block Button](https://tiptap.dev/docs/ui-components/components/code-block-button.md): Toggle through block-level nodes like code blocks with the code block button. More in the docs. - [Color Highlight Button](https://tiptap.dev/docs/ui-components/components/color-highlight-button.md): Apply color highlights to text in Tiptap editors with predefined colors, keyboard shortcuts, and full accessibility support. - [Color highlight popover](https://tiptap.dev/docs/ui-components/components/color-highlight-popover.md): Add a popover in which you can select a highlight. Add this UI component to your Tiptap Editor. - [Color Text Button](https://tiptap.dev/docs/ui-components/components/color-text-button.md): Apply custom text colors in Tiptap editors with predefined color options, keyboard shortcuts, and full accessibility support. - [Color Text Popover](https://tiptap.dev/docs/ui-components/components/color-text-popover.md): A comprehensive color picker popover for both text and highlight colors in Tiptap editors with recent colors, keyboard navigation, and visual color feedback. - [Copy Anchor Link Button](https://tiptap.dev/docs/ui-components/components/copy-anchor-link-button.md): Copy anchor links to specific nodes and blocks in the Tiptap editor with keyboard shortcuts, URL generation, and accessibility support. - [Copy to Clipboard Button](https://tiptap.dev/docs/ui-components/components/copy-to-clipboard-button.md): Copy selected content or entire nodes from Tiptap editors to clipboard with formatting preservation, keyboard shortcuts, and accessibility support. - [Delete Node Button](https://tiptap.dev/docs/ui-components/components/delete-node-button.md): Delete selected nodes and blocks in Tiptap editors with keyboard shortcuts, intelligent selection handling, and accessibility support. - [Drag Context Menu](https://tiptap.dev/docs/ui-components/components/drag-context-menu.md): A comprehensive drag handle with context menu for block-level operations. More in the docs. - [Duplicate Button](https://tiptap.dev/docs/ui-components/components/duplicate-button.md): Duplicate selected nodes and blocks in Tiptap editors with intelligent node detection, keyboard shortcuts, and accessibility support. - [Emoji Dropdown Menu](https://tiptap.dev/docs/ui-components/components/emoji-dropdown-menu.md): A searchable emoji picker for Tiptap editors triggered by colon with intelligent filtering, keyboard navigation, and fallback image support. - [Emoji Menu](https://tiptap.dev/docs/ui-components/components/emoji-menu.md): Interactive emoji picker menu with search functionality for Tiptap editors. More in the docs. - [Emoji Trigger Button](https://tiptap.dev/docs/ui-components/components/emoji-trigger-button.md): Insert emoji trigger characters in Tiptap editors with smart positioning, customizable triggers, keyboard shortcuts, and accessibility support. - [Heading Button](https://tiptap.dev/docs/ui-components/components/heading-button.md): Add a button that toggles through different heading levels in your Tiptap editor. More in the docs! - [Heading Dropdown Menu](https://tiptap.dev/docs/ui-components/components/heading-dropdown-menu.md): Integrate a dropdown menu from which you can select a heading. Add this UI component to your Editor. - [Image Align Button](https://tiptap.dev/docs/ui-components/components/image-align-button.md): Align images in your Tiptap editor with left, center, and right alignment controls, keyboard shortcuts, and accessibility support. - [Image Upload Button](https://tiptap.dev/docs/ui-components/components/image-upload-button.md): Add a button that uploads and inserts an image into your Tiptap editor. More in the documentation! - [Improve Dropdown](https://tiptap.dev/docs/ui-components/components/improve-dropdown.md): Add AI-powered text improvement capabilities to your Tiptap editor. More in the documentation! - [Link Popover](https://tiptap.dev/docs/ui-components/components/link-popover.md): Select link options in a popover element with this Tiptap UI component. More in our documentation - [List Button](https://tiptap.dev/docs/ui-components/components/list-button.md): Add a button to your Tiptap editor that toggles through bullet, ordered or task lists. More in the docs. - [List Dropdown Menu](https://tiptap.dev/docs/ui-components/components/list-dropdown-menu.md): Add a dropdown menu that helps selecting different list types in your Tiptap editor. More in the docs. - [Mark Button](https://tiptap.dev/docs/ui-components/components/mark-button.md): Integrate a button that toggles through text marks like bold, italics and underline. More in the docs! - [Mention Dropdown Menu](https://tiptap.dev/docs/ui-components/components/mention-dropdown-menu.md): A prebuilt React component that provides a dropdown menu for mentioning users in Tiptap editors. - [Mention Trigger Button](https://tiptap.dev/docs/ui-components/components/mention-trigger-button.md): Insert mention trigger characters in Tiptap editors with smart positioning, customizable triggers, keyboard shortcuts, and accessibility support. - [Move Node Button](https://tiptap.dev/docs/ui-components/components/move-node-button.md): Move selected nodes and blocks up or down in the Tiptap editor with keyboard shortcuts, intelligent selection handling, and accessibility support. - [Components overview](https://tiptap.dev/docs/ui-components/components/overview.md): Pick from a list of UI components and primitives to integrate into your Tiptap editor. More in the docs. - [Reset All Formatting Button](https://tiptap.dev/docs/ui-components/components/reset-all-formatting-button.md): Remove all text formatting and marks from selected content in Tiptap editors with selective mark preservation, keyboard shortcuts, and accessibility support. - [Slash Command Trigger Button](https://tiptap.dev/docs/ui-components/components/slash-command-trigger-button.md): Insert slash command triggers in Tiptap editors with smart positioning, customizable triggers, keyboard shortcuts, and accessibility support. - [Slash Dropdown Menu](https://tiptap.dev/docs/ui-components/components/slash-dropdown-menu.md): A comprehensive command palette for Tiptap editors with searchable blocks, AI integration, customizable items, keyboard navigation, and intelligent filtering. - [Text align button](https://tiptap.dev/docs/ui-components/components/text-align-button.md): Change the text alignment in your Tiptap editor with this button UI component. More in the docs! - [Text Button](https://tiptap.dev/docs/ui-components/components/text-button.md): Convert selected nodes to paragraphs in Tiptap editors with intelligent node detection, keyboard shortcuts, and accessibility support. - [Turn Into Dropdown](https://tiptap.dev/docs/ui-components/components/turn-into-dropdown.md): Block transformation dropdown for converting between different content types like headings, lists, and blockquotes. More in the docs. - [Undo Redo Button](https://tiptap.dev/docs/ui-components/components/undo-redo-button.md): Integrate a button that helps undo and redo editor actions for your Tiptap editor. More in the docs - [/ui-components/getting-started/changelog](https://tiptap.dev/docs/ui-components/getting-started/changelog.md) - [Using the Tiptap CLI](https://tiptap.dev/docs/ui-components/getting-started/cli.md): A command-line interface to quickly install and configure Tiptap UI components. Learn how to get started in the docs! - [Integrate Tiptap UI Components](https://tiptap.dev/docs/ui-components/getting-started/overview.md): Set up Tiptap UI Components with a prebuilt template or by integrating individual components. More in the docs! - [Style Tiptap UI Components](https://tiptap.dev/docs/ui-components/getting-started/style.md): Style Tiptap UI Components to match your design system or application theme. - [Astro](https://tiptap.dev/docs/ui-components/install/astro.md): Install and configure Tiptap UI Components in your Astro project. - [Laravel](https://tiptap.dev/docs/ui-components/install/laravel.md): Install and configure Tiptap UI Components in your Laravel project. - [Manual Installation](https://tiptap.dev/docs/ui-components/install/manual.md): Install and configure Tiptap UI Components in your project without using a template. - [Next.js](https://tiptap.dev/docs/ui-components/install/next.md): Install and configure Tiptap UI Components in your Next.js project. - [React Router](https://tiptap.dev/docs/ui-components/install/react-router.md): Install and configure Tiptap UI Components in your React Router project. - [Vite](https://tiptap.dev/docs/ui-components/install/vite.md): Install and configure Tiptap UI Components in your Vite project. - [Blockquote Node](https://tiptap.dev/docs/ui-components/node-components/blockquote-node.md): Integrate a node component displaying blockquotes in your Tiptap Editor. More in our docs! - [Code Block Node](https://tiptap.dev/docs/ui-components/node-components/code-block-node.md): Integrate a node component displaying code content in your Tiptap Editor. More in our docs! - [Heading Node](https://tiptap.dev/docs/ui-components/node-components/heading-node.md): Integrate a node component displaying headings in your Tiptap Editor. More in our docs! - [Horizontal Rule Node](https://tiptap.dev/docs/ui-components/node-components/horizontal-rule-node.md): Integrate a node component displaying horizontal rules in your Tiptap Editor. More in our docs! - [Image Node](https://tiptap.dev/docs/ui-components/node-components/image-node.md): Add an image node UI component to your Tiptap Editor. Learn more in our documentation! - [Image Node Pro](https://tiptap.dev/docs/ui-components/node-components/image-node-pro.md): Add images to your Tiptap editor with alignment controls, download functionality, and floating toolbar management. - [Image Upload Node](https://tiptap.dev/docs/ui-components/node-components/image-upload-node.md): Integrate a node UI component that adds an image upload in your Tiptap Editor. More in the docs! - [List Node](https://tiptap.dev/docs/ui-components/node-components/list-node.md): Add a list node UI component into your Tiptap Editor. Learn more about it in our docs. - [Paragraph Node](https://tiptap.dev/docs/ui-components/node-components/paragraph-node.md): Add a paragraph node UI component to your Tiptap editor. More in the documentation! - [Table Node](https://tiptap.dev/docs/ui-components/node-components/table-node.md): Add a table node UI component to your Tiptap editor. More in the documentation! - [Table of Contents Node](https://tiptap.dev/docs/ui-components/node-components/table-of-contents-node.md): Add a table of contents node UI component to your Tiptap editor. More in the documentation! - [Integrate the Avatar UI component](https://tiptap.dev/docs/ui-components/primitives/avatar.md): Integrate a visual representation of a user or entity into your editor. Learn more in the docs. - [Add a badge UI component to your Editor](https://tiptap.dev/docs/ui-components/primitives/badge.md): Integrate a small visual indicator into your Tiptap Editor to highlight status, counts or categories. More in the docs. - [Integrate a button in your Editor](https://tiptap.dev/docs/ui-components/primitives/button.md): Integrate a button in your Tiptap Editor with the Button UI Component. More in the docs. - [Integrate the Card UI component](https://tiptap.dev/docs/ui-components/primitives/card.md): Integrate a flexible container component that groups related content and actions. Learn more in the docs. - [Integrate the Combobox UI component](https://tiptap.dev/docs/ui-components/primitives/combobox.md): Integrate a searchable dropdown component that combines an input field with a filterable list of options. Learn more in the docs. - [Add a dropdown menu to Tiptap](https://tiptap.dev/docs/ui-components/primitives/dropdown-menu.md): Add a dropdown menu into your Tiptap Editor with this UI Component. More in the docs! - [Integrate the Input UI component](https://tiptap.dev/docs/ui-components/primitives/input.md): Integrate a simple input field component for text entry. Perfect for forms, search fields, and user input. Learn more in the docs. - [Integrate the Label UI component](https://tiptap.dev/docs/ui-components/primitives/label.md): Integrate a semantic label component for forms and UI elements. Supports both label and div elements with consistent styling. Learn more in the docs. - [Integrate the Menu UI component](https://tiptap.dev/docs/ui-components/primitives/menu.md): Integrate a flexible menu system with search, filtering, and hierarchical navigation. Built on Ariakit for accessibility with seamless keyboard navigation. Learn more in the docs. - [Integrate a popover UI component](https://tiptap.dev/docs/ui-components/primitives/popover.md): Add a pop-up UI element appearing when a user clicks on a trigger element. More in the docs! - [Add a separator into Tiptap](https://tiptap.dev/docs/ui-components/primitives/separator.md): Add a visual divider between content in menus, toolbars, or other UI elements. More in the docs! - [Add a spacer UI component into Tiptap](https://tiptap.dev/docs/ui-components/primitives/spacer.md): Use the spacer UI component to create layouts. More about the UI component in our documentation! - [Integrate the TextareaAutosize UI component](https://tiptap.dev/docs/ui-components/primitives/textarea-autosize.md): Integrate an auto-resizing textarea component that grows and shrinks based on content. Built on react-textarea-autosize with SSR support. Learn more in the docs. - [Add a toolbar UI component into Tiptap](https://tiptap.dev/docs/ui-components/primitives/toolbar.md): Organize actions and controls in a horizontal or vertical container. More in the docs! - [Add a tooltip UI component to your Editor](https://tiptap.dev/docs/ui-components/primitives/tooltip.md): Add a small informational popup that appears when hovering over an element. More in the docs! - [Notion-like](https://tiptap.dev/docs/ui-components/templates/notion-like-editor.md): A Notion-style Tiptap editor with collaboration, AI, and rich UI components. Fully customizable and easy to integrate. - [Simple template](https://tiptap.dev/docs/ui-components/templates/simple-editor.md): Integrate the Tiptap open source editor with UI components and open source extensions. More in the docs. - [Floating Element](https://tiptap.dev/docs/ui-components/utils-components/floating-element.md): A foundational floating UI component for Tiptap editors with intelligent positioning, selection tracking, and automatic visibility management. - [Suggestion Menu](https://tiptap.dev/docs/ui-components/utils-components/suggestion-menu.md): A flexible autocomplete and suggestion system for Tiptap editors with trigger characters, filtering, keyboard navigation, and extensible item support.