Tiptap

エディタにはUIが一切付かない。渡されるのは編集ロジックだけで、ツールバーもフローティングメニューもレイアウトも自分で描く。だからこそTiptapはデザイン規約の厳しい製品に向く。既製の部品では他のすべてと衝突してしまう。

React、Vue 3とVue 2、Svelte、Angular、Next.js、Nuxt、素のJavaScriptで動く。主要フレームワークには公式パッケージがあり、残りはコミュニティのバインディングが補う。同じコアを入れて、レンダリング層だけを自分のスタックに差し替える。

公式とコミュニティの100以上の拡張機能が、書式、表、シンタックスハイライト付きのコードブロック、画像、メンション、独自ノードをカバーする。必要なものだけ有効にすればよい。StarterKitがよく使うものをまとめてくれるので、基本のエディタは数分で立ち上がる。

共同編集の拡張機能がYjsのCRDTで利用者間の編集を同期し、オープンソースのHocuspocusバックエンドかTiptap Cloud上で動く。プレゼンス表示、カーソル追跡、競合処理は組み込み済みで、同期層を自分でつなぎ合わせなくてよい。

コメントは文書にスレッドを足し、バージョン履歴は利用者があらゆる過去の状態に戻せるようにする。Snapshot Compareは2つのバージョン間の差分を浮かび上がらせる。法的文書、編集物、コンプライアンス文書では、記録が証拠として耐える必要があるため重要だ。

Tracked Changesは提案モードと校正を有効にする。レビュアーが編集を提案し、挿入と削除が記録され、変更は1件ずつでもまとめてでも承認・却下できる。提案ごとに帰属が付くので、誰が何を出したかが分かる。

AI ToolkitはAIエージェントに文書編集の能力を与える。選択範囲や文書全体を読み、正確なパッチを当て、内容を流し込み、AIの提案をレビュー用に並べる。スキーマを踏まえることで、エージェントはエディタが定めた規則の内側にとどまる。

インポートとエクスポートはDOCX、Markdown、PDF、ODT、EPUBをカバーする。Wordから移行するチームもブログを組む人も、変換ツールを一から書かずに内容を出し入れできる。

Team以上でWebhook連携とREST APIアクセスが加わり、バックエンドで文書を操作できる。文書をJSONで取得し、プログラムから編集を送り込み、内容が変わったときに通知を受け取れる。