小编点评

**开源工具推荐：** - **Novel**：这是一个开源的 React 编辑器，它可以用于开发类似 Notion 的笔记和内容编辑功能。 **安装和使用：** 1. 安装依赖 npm i novel 2. 将编辑器添加到您的应用中：import { Editor } from "novel"; export default function App() {...} **配置：** Novel 的 Editor 有以下属性，您可以用来进一步配置功能： - VSCode 插件 - 额外的 VSCode 插件 (以体验 Similar Notion 编辑器效果) **其他资源：** - 官方网站：https://novel.sh/ - GitHub 地址：https://github.com/steven-tey/novel - 官方公众号：程序猿DD

正文

Notion相信大家都不陌生了，一款非常好用的笔记软件，TJ君也一直在用来记笔记和写文章。关于Notion的替代品，之前有给大家推荐AFFiNE ，但这个还是一个比较成型的软件。

那么如果想开发一个类Notion的工具，又或者在自己的应用中增加一个类Notion的内容编辑功能，是否有好用的开源工具呢？

今天，TJ君就给大家推荐一个不错的开源仿Notion编辑器：Novel

安装使用

Novel的安装和使用非常简单，只需要两步：

1. 安装依赖

npm i novel

2. 引入novel的Editor，把编辑器加到你的应用中：

import { Editor } from "novel";

export default function App() {
  return <Editor />;
}

参数配置

Novel的Editor是一个React组件，它有以下这些属性，你可以用来进一步配置功能：

VSCode插件

另外，Novel还有一个额外的VSCode插件，如果你喜欢Novel的编辑器效果，可以将它安装到你的VSCode，来体验类似Notion的编辑能力。

怎么样，这个开源项目不错吧？如果有要引入编辑器功能的话，可以考虑一下了。

最后，老规矩奉上相关地址，感兴趣的小伙伴去深入了解一下吧：

• 官方网站：https://novel.sh/
• 开源地址：https://github.com/steven-tey/novel

欢迎关注我的公众号：程序猿DD。第一时间了解前沿行业消息、分享深度技术干货、获取优质学习资源