novel 一款所见即所得(WYSIWYG )的风格,具备AI自动补全功能的文本编辑器

名称: /steven-tey/novel

地址: https://github.com/steven-tey/novel

fork: 104    star: 1,850    开发语言: TypeScript

项目简介: Notion-style WYSIWYG editor with AI-powered autocompletions

novel 是一款拥有所见即所得(WYSIWYG )的风格,同时还具备AI 自动补全功能的文本编辑器。

novel 使用 Next.js 作为开发框架,使用 Tiptap 作为文本编辑器,同时使用 OpenAI  作为 AI 驱动的来源。具体的技术栈如下:
  • Next.js – framework
  • Tiptap – text editor
  • OpenAI – AI completions
  • Vercel AI SDK – AI library
  • Vercel – deployments
  • TailwindCSS – styles
  • Cal Sans – font
novel  使用方法非常简单,可以像普通的文本编辑器一样输入文字和插入图片,还可以在编辑器中输入 获得命令提示,比如 AI 续写,加粗,设置标题,斜体等等,也可以直接输入 ++ 触发 AI 自动补全功能。

novel 一款所见即所得(WYSIWYG )的风格,具备 AI 自动补全功能的文本编辑器

AI 补全功能需要依赖上一句的语义。如果只是简单的名词,novel 可能无法理解,自动补全功能也就触发不了。

比如,如果只输入指鼠为鸭,不输入其他内容,由于没有足够的上下文信息,novel  就无法理解,不能自动补全。

novel 一款所见即所得(WYSIWYG )的风格,具备 AI 自动补全功能的文本编辑器

但是将指鹿为马指鼠为鸭 一起作为输入,由于有了足够的上下文信息,novel 就可以完成自动补全了,帮我们写一篇小作文。

novel 一款所见即所得(WYSIWYG )的风格,具备 AI 自动补全功能的文本编辑器

下面是一段 30s 的官方的演示视频,演示视频中展示了 novel 作为文本编辑的基本功能,同时还展示了 AI 驱动的自动补全功能。

更多内容,请到其官网和 Github 观看
官网地址:https://novel.sh/
Github 地址: https://github.com/steven-tey/novel

END

novel 一款所见即所得(WYSIWYG )的风格,具备 AI 自动补全功能的文本编辑器
© 版权声明

☆ END ☆
喜欢就点个赞吧
点赞0 分享
图片正在生成中,请稍后...