·tiptap-editor
</>

tiptap-editor

vmark WYSIWYG 開発用の Tiptap エディター API パターン。エディター コマンド、ノード トラバーサル、選択処理、またはフォーマット操作を操作するときに使用します。

71インストール·1トレンド·@xiaolai

インストール

$npx skills add https://github.com/xiaolai/vmark --skill tiptap-editor

tiptap-editor のインストール方法

コマンドラインで tiptap-editor AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/xiaolai/vmark --skill tiptap-editor
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: xiaolai/vmark。

This skill documents proper Tiptap API usage patterns for vmark development. It helps distinguish when to use Tiptap's high-level API vs direct ProseMirror access.

cursorHandlers.ts Block Boundary Issue src/hooks/mcpBridge/cursorHandlers.ts uses doc.textContent which flattens the document and loses block boundaries. The correct approach is to use $pos helpers:

Cursor Sync Drift After WYSIWYG Edits sourceLine attributes are only set on initial parse. After WYSIWYG edits that add/remove blocks, line numbers no longer match the source. This is a known limitation.

vmark WYSIWYG 開発用の Tiptap エディター API パターン。エディター コマンド、ノード トラバーサル、選択処理、またはフォーマット操作を操作するときに使用します。 ソース: xiaolai/vmark。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/xiaolai/vmark --skill tiptap-editor
ソース
xiaolai/vmark
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-19
更新日
2026-03-10

Browse more skills from xiaolai/vmark

クイックアンサー

tiptap-editor とは?

vmark WYSIWYG 開発用の Tiptap エディター API パターン。エディター コマンド、ノード トラバーサル、選択処理、またはフォーマット操作を操作するときに使用します。 ソース: xiaolai/vmark。

tiptap-editor のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/xiaolai/vmark --skill tiptap-editor インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/xiaolai/vmark