Novel — 一款面向开发者的智能编辑器，灵感来自 Notion

还记得你第一次使用 Notion 时被它的便利性惊艳到吗？现在你可以将类似的编辑器直接嵌入到你的应用中。Novel 是一款开源的 WYSIWYG 编辑器，支持 AI 功能，已在 GitHub 上获得了 1.5 万颗星。

谁会发现 Novel 有用？

典型使用场景：

• 需要在产品中集成富文本编辑器的开发者
• SaaS 内容平台的创建者
• 想要为应用添加 AI 助手的人
• 想要根据自己的需求自定义编辑器的 Notion 爱好者

会让你惊喜的主要功能

1. 类似 Notion 的界面 — 熟悉的块编辑、拖放操作、类似 Markdown 的输入方式
2. 内置 AI — 通过 OpenAI API 实现文本自动补全（建议、续写思路）
3. 跨平台 — 提供 React、Svelte 和 Vue 版本
4. 生产就绪 — 一键部署到 Vercel
5. VSCode 扩展 — 在你最喜欢的代码编辑器中直接编辑

技术实现原理

底层技术栈：

• Next.js 作为基础框架
• Tiptap 实现编辑器核心功能
• Vercel AI SDK 集成 OpenAI
• TailwindCSS 用于样式

连接 AI 自动补全的示例：

import { useCompletion } from 'ai/react';

const { completion, complete } = useCompletion({
  api: '/api/completion',
});

立即体验

只需几次点击即可部署自己的 Novel 实例：

本地开发：

pnpm i
pnpm dev

个人使用体验

在过去六个月中，Novel 已成为我的首选工具，用于：

• 内容编辑器的原型开发
• 快速创建文档
• 为客户产品集成 AI 助手

特别令人欣慰的是，社区正在积极开发这个项目——已经有人为 Svelte 和 Vue 做了移植，还推出了 VSCode 扩展。

结论：值得一试吗？

如果你符合以下条件，答案绝对是肯定的：

• 你需要为项目使用一个现代化的编辑器
• 你想节省数月的开发时间
• 你计划使用 AI 助手来处理文本输入

该项目正在积极开发中，采用 Apache 2.0 许可证，社区也很活跃。缺点是——目前需要 OpenAI API 密钥（但这很容易解决）。

附注：获取灵感，可以查看仓库中的演示视频：

https://github.com/steven-tey/novel/assets/28986134/2099877f-4f2b-4b1c-8782-5d803d63be5c

https://github.com/steven-tey/novel/assets/28986134/58ebf7e3-cdb3-43df-878b-119e304f7373