8K Star，一款开源仿Notion且AI强化的编辑器：Novel

拼搏现实的明天。 2023-10-15 23:24 13阅读 0赞

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

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

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

![28c5094e9b394161b1ea1b8ae61144b9.png][]

### 安装使用 ###

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

1.  安装依赖

npm i novel

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

import { Editor } from "novel";
    
    export default function App() {
      return <Editor />;
    }

### 参数配置 ###

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

![Novel参数配置][Novel 1]

### VSCode插件 ###

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

![Novel VSCode插件][Novel VSCode]

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

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

*  官方网站：[https://novel.sh/][https_novel.sh]
 *  开源地址：[https://github.com/steven-tey/novel][https_github.com_steven-tey_novel]

> 欢迎关注我的公众号：程序猿DD。前沿技术早知道，弯道超车有希望！积累超车资本，从关注DD开始！

[AFFiNE]: https://www.didispace.com/article/tj/tj-opensource-affine.html
[Novel]: https://www.didispace.com/article/tj/tj-opensource-noval.html
[28c5094e9b394161b1ea1b8ae61144b9.png]: https://img-blog.csdnimg.cn/28c5094e9b394161b1ea1b8ae61144b9.png
[Novel 1]: https://img-blog.csdnimg.cn/8fbc713bbddd4be69fbbec82417fca0e.png
[Novel VSCode]: https://img-blog.csdnimg.cn/cf71c331b0314ed381d845ab31001487.png
[https_novel.sh]: https://novel.sh/
[https_github.com_steven-tey_novel]: https://github.com/steven-tey/novel