LogoClawIndex
案例技能关于
LogoClawIndex

tiptap - 使用Tiptap和React构建富文本编辑器

使用Tiptap、React和Tailwind v4创建SSR安全的富文本编辑器

标签

更新于: 2026-02-09
rich-text-editorreacttailwind内容编辑前端

能力

典型输入

典型输出

该技能可以做什么

  • 构建富文本编辑器
  • 配置SSR安全设置
  • 处理图片上传
  • 设置排版样式
  • 安装Tiptap依赖包
  • 创建编辑器组件

输入

  • React 19+
  • Tailwind v4
  • shadcn/ui组件
  • Tiptap包
  • 图片文件

输出

  • 富文本编辑器组件
  • 配置好的编辑器实例
  • 上传的图片URL

要求

  • React 19+环境
  • Tailwind v4配置
  • Node.js运行环境
  • Vite构建工具

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
构建富文本编辑器
配置SSR安全设置
处理图片上传
设置排版样式
React 19+
Tailwind v4
shadcn/ui组件
富文本编辑器组件
配置好的编辑器实例
上传的图片URL