Tiptap富文本编辑器

文字颜色选择器 我们之前已经安装了Color插件，已经支持了文字颜色的支持。所以我们可以直接编写组件，首先写一个颜色选择器组件，这里我们使用react-colorful这个库为基础来封装颜色选择器。

初始化浮动菜单 在之前文章的操作已经支持了富文本大部分的元素，但是仅仅是可以展示，还没有一个方便的UI来编辑文本 传统的富文本编辑器操作文本的组件都是在顶部，但是像notion、飞书文档等都是采用浮动

设置tiptap私有仓库 tiptap有一些库是存在私有仓库中的，需要注册tiptap的账号，获取仓库的访问权限。 首先打开网站cloud-tiptap，注册账号之后打开pro-extensions

技术栈 Nextjs tailwindcss Shadcn/ui lucide-icon tiptap 实现功能 内容编辑 正文 标题 todo列表 无序列表 有序列表 块引用 展开内容 加粗 斜体