Tiptap — паттерны API для WYSIWYG-редактора

engineering

tiptap-editor — это скилл для Claude Code, который документирует правильные паттерны API Tiptap при разработке WYSIWYG-редактора vmark. Скилл определяет, когда использовать высокоуровневый API Tiptap (форматирование, смена типов блоков, операции со списками и таблицами, вставка контента), а когда обращаться напрямую к ProseMirror — например, в слое конвертации Markdown, при работе с мульти-курсором или кастомными node view. Внутри описаны конкретные команды: `editor.commands.toggleBold()`, `editor.chain().focus().setHeading().run()`, запросы состояния через `editor.isActive()` и `editor.getAttributes()`, а также правильное использование `$pos`-хелперов для обхода узлов вместо `doc.textContent`. Отдельно зафиксированы три известных проблемы vmark: потеря границ блоков в `cursorHandlers.ts`, дрейф синхронизации курсора после редактирования и некорректная запись в стор в `HtmlNodeView.ts`.