フロントエンド・PHPカンファレンス北海道2026
LT（5分)
フロントエンド
初登壇
Tiptapで実現する堅牢なリッチテキストエディタ設計
kirik
kiririLee
「改行が消えた」「謎のタグが混入した」…
WYSIWYGエディタにありがちな壊れやすさに悩まされたことはありませんか？
本LTでは、Tiptap を用いてHTMLの一貫性・拡張性・テスト可能性を兼ね備えた堅牢なリッチテキストエディタをどのように設計・開発するかを紹介します。
ProseMirrorのスキーマ定義を活用したHTML構造の強制と正規化
Reactコンポーネントの組み込みやプラグインによる拡張性
TiptapのExtension単位での単体テストによる機能ごとの信頼性担保
について話します。
WYSIWYGエディタの扱いに課題を感じている方や、Tiptapを本格的に活用したい方にとって実践的なヒントとなる内容をお届けします。