8K Star,一款開源仿Notion且AI強化的編輯器:Novel

發表於2023-09-21

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。第一時間瞭解前沿行業訊息、分享深度技術乾貨、獲取優質學習資源

相關文章