首页 > 其他分享 >8K Star,一款开源仿Notion且AI强化的编辑器:Novel

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

时间:2023-09-15 11:12:01浏览次数:59  
标签:8K Novel Star VSCode 开源 编辑器 novel Notion

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。第一时间了解前沿行业消息、分享深度技术干货、获取优质学习资源

标签:8K,Novel,Star,VSCode,开源,编辑器,novel,Notion
From: https://www.cnblogs.com/didispace/p/17704501.html

相关文章

  • SpringBoot 自定义starter汇总
    1、SpringBootstarter机制SpringBoot中的starter是一种非常重要的机制,能够抛弃以前繁杂的配置,将其统一集成进starter,应用者只需要在maven中引入starter依赖,SpringBoot就能自动扫描到要加载的信息并启动相应的默认配置。starter让我们摆脱了各种依赖库的处理,需要配置各种信息......
  • 建模StarUML
    用例图的组成用例图主要包含以下6个元素参与者(Actor)用例(UseCase)关联关系(Association)包含关系(Include)扩展关系(Extend)泛化关系(Generalization)https://blog.csdn.net/qq_41784749/article/details/112235707?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221......
  • keil51的STARTUP.A51
     翻译后的STARTUP.A51:$NOMOD51;Ax51宏汇编器控制命令,禁止预定义的8051。使编译器不使能预定义的;8051符号,避免产生重复定义的错误。;------------------------------------------------------------------------------;该文件是C51编译器包的一部分;版权所有(c)1988-2005Kei......
  • 【ActiveMQ】Failed to start Apache ActiveMQ (localhost, ID_XXX)
    问题描述使用"bin\win64\activemq.bat"启动apache-activemq-5.18.2出错。jvm1|ERROR|FailedtostartApacheActiveMQ(localhost,ID:)jvm1|java.io.IOException:TransportConnectorcouldnotberegisteredinJMX:java.io.IOException:Failedtobin......
  • Docker - start postgres
        ......
  • 15.3K Star,超好用的开源协作式数字白板:tldraw
    大家好,我是TJ今天给大家推荐一个开源协作式数字白板:tldraw。tldraw的编辑器、用户界面和其他底层库都是开源的,你可以在它的开源仓库中找到它们。它们也在NPM上分发,提供开发者使用。您可以使用tlDraw为您的产品创建一个临时白板,或者将其作为构建自己应用的工具来使用。在线体验......
  • 如何理解Spring Boot中的Starters,以及Starter的工作原理
    如何理解SpringBoot中的StartersStarters可以理解为启动器,你可以一站式集成Spring及其他技术,而不需要到处找示例代码和依赖包。如你想使用SpringJPA访问数据库,只要加入spring-boot-starter-data-jpa启动器依赖就能使用了。Starter的工作原理:SpringBoot在启动的时候会......
  • 关于Kubernetes-v1.23-pod-生命周期-postStart-preStop-terminationGracePeriodSecond
    我们在一个pod的yaml配置文件中,有时会看到,terminationGracePeriodSeconds选项,与containers:同级,一般可以放于spec:下面即可是当pod,变为删除的状态后,会给pod一个宽限期,让pod去执行一些清理或者销毁操作另外还有两个选项,postStart,preStop,这两个是位于lifecycle,属于pod生命周期......
  • Proj. CRR Paper Reading: Optimal Speedup of Las Vegas Algorithms, Adaptive resta
    TitleAdaptiverestartforstochasticsynthesisPLDI2021TaskDistributethepowerbetweenmultiplerunsinstochasticprogramsynthesistoaccelerateHere,astochasticprogramsynthesisprogramcanbesummarizedasfollows:Givenasetof<input,ou......
  • [Writeup]2022 NewstarCTF_Week2(Web部分)
    一只网络安全菜鸟--(˙<>˙)/--写博客主要是想记录一下自己的学习过程,过两年毕业了也能回头看看自己都学了些啥东西。由于本人水平有限内容难免有错误、疏漏、逻辑不清、让人看不懂等各种问题,恳请大家批评指正如果我写的东西能对你有一点点帮助,那真是再好不过了......