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

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

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

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

安装使用

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

  1. 安装依赖
npm i novel
  1. 引入novel的Editor,把编辑器加到你的应用中:
import { Editor } from "novel";

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

参数配置

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

Novel参数配置

VSCode插件

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

Novel VSCode插件

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

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

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

posted @ 2023-09-15 11:03  程序猿DD  阅读(1064)  评论(0编辑  收藏  举报