tiptap - 使用 Tiptap 构建支持 SSR 的富文本编辑器
使用 React 和 Tailwind v4 构建富文本编辑器,涵盖 SSR 安全配置、扩展、正文样式、图片上传和协作编辑。
标签
更新于: 2026-10-08能力
典型输入
典型输出
该技能可以做什么
- 配置支持 SSR 的编辑器
- 添加编辑器扩展
- 设置正文内容样式
- 处理图片上传
- 配置协作编辑
- 排查水合错误
输入
- React 项目
- 编辑器内容
- 图片文件
- 上传接口
- 协作设置
输出
- 编辑器实现代码
- 渲染的富文本编辑器
- 带样式的编辑器内容
- 上传后的图片 URL
- 故障排查指导
要求
- React 19 或更高版本
- Tailwind CSS v4
- Tiptap 软件包
- @tiptap/pm 对等依赖
- npm 安装权限
