# ProseKit

## Docs

- [Mark Commands](https://mintlify.wiki/prosekit/prosekit/api/commands/marks.md): Commands for manipulating marks in ProseKit
- [Node Commands](https://mintlify.wiki/prosekit/prosekit/api/commands/nodes.md): Commands for manipulating block nodes in ProseKit
- [Selection Commands](https://mintlify.wiki/prosekit/prosekit/api/commands/selection.md): Commands for manipulating selections in ProseKit
- [createEditor](https://mintlify.wiki/prosekit/prosekit/api/create-editor.md): Creates a new ProseKit editor instance
- [Extension Definition](https://mintlify.wiki/prosekit/prosekit/api/define-extension.md): APIs for defining custom extensions in ProseKit
- [Priority System](https://mintlify.wiki/prosekit/prosekit/api/priority.md): Control the order and precedence of ProseKit extensions
- [union](https://mintlify.wiki/prosekit/prosekit/api/union.md): Combine multiple ProseKit extensions into one
- [Helper Utilities](https://mintlify.wiki/prosekit/prosekit/api/utilities/helpers.md): Additional utility functions for working with ProseKit editors
- [Parsing Utilities](https://mintlify.wiki/prosekit/prosekit/api/utilities/parsing.md): Utilities for converting between different document formats in ProseKit
- [Type Checking Utilities](https://mintlify.wiki/prosekit/prosekit/api/utilities/type-checking.md): Runtime type checking utilities for ProseKit and ProseMirror types
- [Block Handle](https://mintlify.wiki/prosekit/prosekit/components/block-handle.md): Interactive handles for dragging and adding blocks
- [Inline Menu](https://mintlify.wiki/prosekit/prosekit/components/inline-menu.md): A floating menu that appears when text is selected
- [Components Overview](https://mintlify.wiki/prosekit/prosekit/components/overview.md): Ready-to-use UI components for building rich text editors
- [Slash Menu](https://mintlify.wiki/prosekit/prosekit/components/slash-menu.md): A popup menu triggered by typing / that shows command suggestions
- [Table Handle](https://mintlify.wiki/prosekit/prosekit/components/table-handle.md): Interactive handles for table manipulation and management
- [Toolbar](https://mintlify.wiki/prosekit/prosekit/components/toolbar.md): A customizable toolbar providing quick access to editor commands
- [Architecture](https://mintlify.wiki/prosekit/prosekit/concepts/architecture.md): Understanding ProseKit's architecture and design principles
- [Commands](https://mintlify.wiki/prosekit/prosekit/concepts/commands.md): Understanding ProseKit's command system
- [Editor](https://mintlify.wiki/prosekit/prosekit/concepts/editor.md): Understanding the Editor concept and lifecycle in ProseKit
- [Extensions](https://mintlify.wiki/prosekit/prosekit/concepts/extensions.md): Understanding ProseKit's extension system
- [Schema](https://mintlify.wiki/prosekit/prosekit/concepts/schema.md): Understanding ProseKit's document schema system
- [Autocomplete](https://mintlify.wiki/prosekit/prosekit/extensions/autocomplete.md): Trigger autocomplete suggestions based on text patterns
- [Background Color](https://mintlify.wiki/prosekit/prosekit/extensions/background-color.md): Add background color formatting to your editor
- [Blockquote](https://mintlify.wiki/prosekit/prosekit/extensions/blockquote.md): Quote blocks for citing and highlighting text
- [Bold](https://mintlify.wiki/prosekit/prosekit/extensions/bold.md): Add bold text formatting to your editor
- [Code](https://mintlify.wiki/prosekit/prosekit/extensions/code.md): Add inline code formatting to your editor
- [Code Block](https://mintlify.wiki/prosekit/prosekit/extensions/code-block.md): Code blocks with syntax highlighting support
- [Commit](https://mintlify.wiki/prosekit/prosekit/extensions/commit.md): Track and visualize document changes over time
- [Doc](https://mintlify.wiki/prosekit/prosekit/extensions/doc.md): The root document node for ProseKit editors
- [Drop cursor](https://mintlify.wiki/prosekit/prosekit/extensions/drop-cursor.md): Visual indicator for drag-and-drop position
- [Drop indicator](https://mintlify.wiki/prosekit/prosekit/extensions/drop-indicator.md): Visual indicator for block drag-and-drop
- [Enter Rule](https://mintlify.wiki/prosekit/prosekit/extensions/enter-rule.md): Handle Enter key presses with pattern-based enter rules
- [File](https://mintlify.wiki/prosekit/prosekit/extensions/file.md): Handle file drop and paste events with custom upload logic
- [Gap cursor](https://mintlify.wiki/prosekit/prosekit/extensions/gap-cursor.md): Navigate and select positions between non-editable content
- [Hard Break](https://mintlify.wiki/prosekit/prosekit/extensions/hard-break.md): Line breaks within text blocks
- [Heading](https://mintlify.wiki/prosekit/prosekit/extensions/heading.md): Heading nodes for document structure and hierarchy
- [Horizontal Rule](https://mintlify.wiki/prosekit/prosekit/extensions/horizontal-rule.md): Horizontal divider lines for content separation
- [Image](https://mintlify.wiki/prosekit/prosekit/extensions/image.md): Embed and upload images with dimension support
- [Input Rule](https://mintlify.wiki/prosekit/prosekit/extensions/input-rule.md): Automatically transform text as users type with pattern-based input rules
- [Italic](https://mintlify.wiki/prosekit/prosekit/extensions/italic.md): Add italic text formatting to your editor
- [Link](https://mintlify.wiki/prosekit/prosekit/extensions/link.md): Add hyperlinks to your content with automatic URL detection
- [List](https://mintlify.wiki/prosekit/prosekit/extensions/list.md): Create bullet lists, ordered lists, task lists, and toggle lists
- [Loro](https://mintlify.wiki/prosekit/prosekit/extensions/loro.md): Real-time collaboration with Loro CRDT
- [Mark Rule](https://mintlify.wiki/prosekit/prosekit/extensions/mark-rule.md): Automatically apply and remove marks based on text patterns
- [Math](https://mintlify.wiki/prosekit/prosekit/extensions/math.md): Render mathematical equations using LaTeX syntax
- [Mention](https://mintlify.wiki/prosekit/prosekit/extensions/mention.md): Add @mentions for users, tags, or custom entities
- [Paragraph](https://mintlify.wiki/prosekit/prosekit/extensions/paragraph.md): Basic paragraph block for text content
- [Paste Rule](https://mintlify.wiki/prosekit/prosekit/extensions/paste-rule.md): Transform pasted content with pattern-based paste rules
- [Placeholder](https://mintlify.wiki/prosekit/prosekit/extensions/placeholder.md): Add placeholder text to empty blocks in your editor
- [Readonly](https://mintlify.wiki/prosekit/prosekit/extensions/readonly.md): Make your editor read-only and prevent editing
- [Search](https://mintlify.wiki/prosekit/prosekit/extensions/search.md): Add search and replace functionality to your editor
- [Strike](https://mintlify.wiki/prosekit/prosekit/extensions/strike.md): Add strikethrough text formatting to your editor
- [Table](https://mintlify.wiki/prosekit/prosekit/extensions/table.md): Create and manipulate rich tables with rows, columns, and cells
- [Text Align](https://mintlify.wiki/prosekit/prosekit/extensions/text-align.md): Add text alignment capabilities to your editor
- [Text Color](https://mintlify.wiki/prosekit/prosekit/extensions/text-color.md): Add text color formatting to your editor
- [Underline](https://mintlify.wiki/prosekit/prosekit/extensions/underline.md): Add underline text formatting to your editor
- [Virtual selection](https://mintlify.wiki/prosekit/prosekit/extensions/virtual-selection.md): Visual selection indicator for non-focused editor instances
- [Yjs](https://mintlify.wiki/prosekit/prosekit/extensions/yjs.md): Real-time collaboration with Yjs CRDT
- [Your First Editor](https://mintlify.wiki/prosekit/prosekit/first-editor.md): Step-by-step tutorial to build a ProseKit rich text editor from scratch
- [Preact Integration](https://mintlify.wiki/prosekit/prosekit/frameworks/preact.md): Build rich text editors with ProseKit and Preact
- [React Integration](https://mintlify.wiki/prosekit/prosekit/frameworks/react.md): Build rich text editors with ProseKit and React
- [Solid Integration](https://mintlify.wiki/prosekit/prosekit/frameworks/solid.md): Build rich text editors with ProseKit and Solid
- [Svelte Integration](https://mintlify.wiki/prosekit/prosekit/frameworks/svelte.md): Build rich text editors with ProseKit and Svelte
- [Vanilla JavaScript Integration](https://mintlify.wiki/prosekit/prosekit/frameworks/vanilla.md): Build rich text editors with ProseKit and vanilla JavaScript
- [Vue Integration](https://mintlify.wiki/prosekit/prosekit/frameworks/vue.md): Build rich text editors with ProseKit and Vue
- [Real-Time Collaboration](https://mintlify.wiki/prosekit/prosekit/guides/collaboration.md): Set up real-time collaboration in your ProseKit editor using Yjs or Loro
- [Custom Extensions](https://mintlify.wiki/prosekit/prosekit/guides/custom-extensions.md): Learn how to create custom extensions for your ProseKit editor
- [Keyboard Shortcuts](https://mintlify.wiki/prosekit/prosekit/guides/keyboard-shortcuts.md): Learn how to add and customize keyboard shortcuts in your ProseKit editor
- [Saving and Loading Content](https://mintlify.wiki/prosekit/prosekit/guides/saving-loading.md): Learn how to save and load content in your ProseKit editor using JSON, HTML, and Markdown
- [Server-Side Rendering](https://mintlify.wiki/prosekit/prosekit/guides/server-side-rendering.md): Learn how to use ProseKit in Node.js environments for SSR, background processing, and CLI applications
- [Styling Your Editor](https://mintlify.wiki/prosekit/prosekit/guides/styling.md): Learn how to style your ProseKit editor with CSS and Tailwind CSS
- [Installation](https://mintlify.wiki/prosekit/prosekit/installation.md): Complete installation guide for ProseKit with all package managers and frameworks
- [Introduction](https://mintlify.wiki/prosekit/prosekit/introduction.md): Build powerful rich text editors with ProseKit - a flexible, framework-agnostic toolkit built on ProseMirror
- [Quick Start](https://mintlify.wiki/prosekit/prosekit/quickstart.md): Get up and running with ProseKit in minutes