New declarative <Tiptap /> component for React. Compose your editor setup with <Tiptap.Content />, <Tiptap.BubbleMenu />, <Tiptap.FloatingMenu />, and <Tiptap.Loading /> as subcomponents. Child components can access the editor instance via the new useTiptap() hook and subscribe to state with useTiptapState(). The existing imperative API remains fully supported for this major version.

@tiptap/core: Improved TypeScript generics for Node.extend and Mark.extend. ExtendedConfig is now constrained to extend NodeConfig/MarkConfig for better type inference when extending existing extensions. Type-only change (no runtime impact).

New: MappablePosition for position mapping across transactions. Use editor.utils.createMappablePosition() + editor.utils.getUpdatedPosition(position, transaction). Collaboration extends it with Y.js relative positions and JSON serialization (toJSON()/fromJSON()).

Native text direction support for RTL and bidirectional content. Set direction globally with the textDirection editor option ('ltr', 'rtl', or 'auto'), or apply to specific nodes using the new setTextDirection() and unsetTextDirection() commands. Enabled by default.

Drag Handle now exposes data-dragging on the handle element (false by default, true during drag). Use it to style active drag state with CSS selectors like [data-dragging="true"] or gate handlers/tests. Available across React, Vue 2, and Vue 3.

ResizableNodeView now supports createCustomHandle(direction) so you can render fully custom resize handles (markup + styling + positioning). Wrapper inline styles were removed, and handles now attach/remove automatically based on editor.isEditable.

New: shouldShow for Suggestions. Control when autocomplete/mentions appear—useful in collaborative editors to prevent suggestion popups from opening on remote transactions.

Added dispatchTransaction hook to extensions. Build middleware that intercepts transactions before they apply to editor state. Validate content, rewrite URLs, or block changes entirely. Supports priority-based composition and works alongside custom dispatchers.

Add programmatic position updates to FloatingMenu. Trigger repositioning via updateFloatingMenuPosition() command or transaction metadata. New options: scrollTarget for custom scroll containers, updateDelay and resizeDelay for performance tuning. React and Vue supported.

New: @tiptap/extension-twitch. Embed Twitch videos, clips, and live channels in the editor, with options like autoplay, muted, and start time (configurable per embed).