フロントエンドカンファレンス北海道2025
LT(5分)

Tiptapで実現する堅牢なリッチテキストエディタ設計

kiririLee kirik kiririLee
3

「改行が消えた」「謎のタグが混入した」…
WYSIWYGエディタにありがちな壊れやすさに悩まされたことはありませんか？

本LTでは、Tiptap を用いてHTMLの一貫性・拡張性・テスト可能性を兼ね備えた堅牢なリッチテキストエディタをどのように設計・開発するかを紹介します。

  • ProseMirrorのスキーマ定義を活用したHTML構造の強制と正規化
  • Reactコンポーネントの組み込みやプラグインによる拡張性
  • TiptapのExtension単位での単体テストによる機能ごとの信頼性担保

について話します。
WYSIWYGエディタの扱いに課題を感じている方や、Tiptapを本格的に活用したい方にとって実践的なヒントとなる内容をお届けします。