分享:开发了一个 Vue 3 富文本编辑器 UI Kit,支持 AI 续写和多主题

2 月 2 日
 benngai

各位 V 友好!

开发了一个 Vue 3 的富文本编辑器组件库,分享给大家。

在线体验

https://tiptap-ui-kit.vercel.app

主要特性

5 种主题

AI 功能

支持 OpenAI 、Claude 、DeepSeek 、阿里云等 AI 服务商。

其他特性

技术栈

Vue 3.5 + Tiptap 3 + TypeScript

购买链接: https://benngai.gumroad.com/l/tiptap-ui-kit-solo


欢迎试用 Demo ,有任何问题或建议都可以留言讨论!

1613 次点击
所在节点    程序员
12 条回复
jimmy
2 月 2 日
看起来不错,是否支持多实例?即动态生成多个富本文编辑器?
shanch
2 月 3 日
Tiptap 不能分页
Baloneo
2 月 3 日
不错
zhmouV2
2 月 3 日
vercel 这个 demo 黑夜模式看起来有点问题
BigPiggggg
2 月 3 日
自己写的还是 vibe 的
BigPiggggg
2 月 3 日
没有自验过吗兄弟
benngai
2 月 8 日
@jimmy 感谢关注!支持多实例的,每个 TiptapProEditor 组件都是独立的实例,可以在同一页面动态创建多个编辑器,互不干扰。配置、主题、AI
功能都可以独立设置。
benngai
2 月 8 日
@shanch 确实,Tiptap/ProseMirror 原生不支持传统意义上的分页排版。目前提供了 A4 文档模式,通过 CSS
模拟分页效果,满足大部分打印和文档排版场景。如果有强分页需求的话,后续也会持续探索优化方案。
benngai
2 月 8 日
@Baloneo 谢谢!欢迎体验 demo 🙏
benngai
2 月 8 日
@zhmouV2 我尽快修复。
benngai
2 月 8 日
@BigPiggggg vibe , 有测过,是有什么 bug 吗
benngai
2 月 8 日
🎉 重大更新:项目现已完全开源!

感谢各位 V 友的关注和反馈!

经过深思熟虑,我决定将 Tiptap UI Kit 完全开源,采用 MIT 协议。

为什么开源?
希望更多开发者能用上好工具
相信社区的力量能让项目变得更好
回馈开源社区
现在完全免费
✅ MIT 协议 - 商业项目也可用
✅ 完整源代码
✅ 所有功能
✅ 持续更新
相关链接
GitHub: https://github.com/benngaihk/Tiptap-UI-Kit
在线演示: https://tiptap-ui-kit.vercel.app
文档: https://github.com/benngaihk/Tiptap-UI-Kit#readme
核心特性
🎨 5 种主题预设( Default / Word / Notion / GitHub / Typora )
🤖 AI 智能辅助(续写 / 润色 / 翻译 / 总结)
🌓 完善的暗黑模式
📝 Word 模式( A4 纸张布局,自动分页)
🤝 实时协作(基于 Yjs )
🌍 国际化(中英文)
📱 响应式设计
技术栈
Vue 3 + Composition API
Tiptap 3 (ProseMirror)
TypeScript
Ant Design Vue
欢迎贡献
如果你觉得项目有用,欢迎:

⭐ Star 支持
🐛 提交 Issue
🔀 发起 Pull Request
💬 参与讨论
感谢大家的支持!🙏

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1190262

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX