tiptap
Tiptap 是一个无头(headless)富文本编辑器框架,用于在 Web 应用中构建富文本编辑器。本条目介绍的是面向 React 19+、Tailwind v4 与 shadcn/ui 的技术技能包(来源:jezweb/claude-skills),内容覆盖 SSR 安全初始化、图片上传、prose 排版样式、协作编辑与已知错误规避。资料给出的版本为 @tiptap/react、@tiptap/starter-kit、@tiptap/pm 均为 3.16.0(校验于 2026-01-21),状态标注为 Production Ready。安装可通过 npm 引入 react、starter-kit、pm、image、color、text-style、typography 等包;也可使用 shadcn 预构建组件 registry 一键安装带工具栏的完整编辑器。核心用法是用 useEditor 创建编辑器实例,并在 Next.js/SSR 场景下显式设置 immediatelyRender: false 以避免水合不匹配。资料还提供模板文件(基础编辑器、通用扩展、R2 图片上传、协作设置、Tailwind prose 样式)与参考文档(官方文档链接、常见错误、扩展目录)。注意:资料未提供收费、价格与具体商业授权信息。