Notion相信大家都不陌生了,一款非常好用的筆記軟體,TJ君也一直在用來記筆記和寫文章。關於Notion的替代品,之前有給大家推薦AFFiNE ,但這個還是一個比較成型的軟體。 那麼如果想開發一個類Notion的工具,又或者在自己的應用中增加一個類Notion的內容編輯功能,是否有好用的開源工具呢 ...
Notion相信大家都不陌生了,一款非常好用的筆記軟體,TJ君也一直在用來記筆記和寫文章。關於Notion的替代品,之前有給大家推薦AFFiNE ,但這個還是一個比較成型的軟體。
那麼如果想開發一個類Notion的工具,又或者在自己的應用中增加一個類Notion的內容編輯功能,是否有好用的開源工具呢?
今天,TJ君就給大家推薦一個不錯的開源仿Notion編輯器:Novel
安裝使用
Novel的安裝和使用非常簡單,只需要兩步:
- 安裝依賴
npm i novel
- 引入novel的Editor,把編輯器加到你的應用中:
import { Editor } from "novel";
export default function App() {
return <Editor />;
}
參數配置
Novel的Editor是一個React組件,它有以下這些屬性,你可以用來進一步配置功能:
VSCode插件
另外,Novel還有一個額外的VSCode插件,如果你喜歡Novel的編輯器效果,可以將它安裝到你的VSCode,來體驗類似Notion的編輯能力。
怎麼樣,這個開源項目不錯吧?如果有要引入編輯器功能的話,可以考慮一下了。
最後,老規矩奉上相關地址,感興趣的小伙伴去深入瞭解一下吧:
歡迎關註我的公眾號:程式猿DD。第一時間瞭解前沿行業消息、分享深度技術乾貨、獲取優質學習資源