Tiptap Editor Patterns

•
141
•

Streamlines vmark WYSIWYG development through standardized Tiptap API patterns and ProseMirror integration guidance.

This skill provides specialized technical guidance for developers working on the vmark AI-friendly markdown editor. It helps Claude distinguish between high-level Tiptap commands for formatting and low-level ProseMirror access for complex document manipulation. By following these patterns, developers can implement robust editor features such as block-aware cursor handling, chained command execution, and accurate state queries, while avoiding common pitfalls like document flattening and cursor sync drift that occur during WYSIWYG editing.

주요 기능

01141 GitHub stars
02Implements block-aware node traversal using $pos resolution helpers
03Distinguishes between Tiptap high-level commands and direct ProseMirror transactions
04Enables efficient editor state queries and attribute extraction
05Provides standardized patterns for format operations, block changes, and list management
06Addresses specific vmark issues like cursor sync drift and document structure loss

사용 사례

01Fixing cursor positioning and selection bugs in rich text components
02Developing custom WYSIWYG commands for markdown editors
03Implementing complex document transformations and content insertion logic