[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71291":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":14,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":38,"readmeContent":39,"aiSummary":40,"trendingCount":16,"starSnapshotCount":16,"syncStatus":41,"lastSyncTime":42,"discoverSource":43},71291,"BlockNote","TypeCellOS\u002FBlockNote","TypeCellOS","A React Rich Text Editor that's block-based (Notion style) and extensible. Built on top of Prosemirror and Tiptap.","https:\u002F\u002Fwww.blocknotejs.org\u002F",null,"TypeScript",9806,741,43,113,0,22,115,66,39.61,"Other",false,"main",true,[26,27,28,29,30,31,32,33,34,35,36,37],"block-based","editor","javascript","notion","notion-editor","prosemirror","react","rich-text-editor","tiptap","typescript","wysiwyg","yjs","2026-06-12 02:02:50","\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.blocknotejs.org\">\n    \u003Cimg alt=\"TypeCell\" src=\"https:\u002F\u002Fgithub.com\u002FTypeCellOS\u002FBlockNote\u002Fraw\u002Fmain\u002Fdocs\u002Fpublic\u002Fimg\u002Flogos\u002Fbanner.svg?raw=true\" width=\"300\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\nWelcome to BlockNote! The open source Block-Based\nReact rich text editor. Easily add a modern text editing experience to your app.\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.blocknotejs.org\">\n    Homepage\n  \u003C\u002Fa> - \u003Ca href=\"https:\u002F\u002Fwww.blocknotejs.org\u002Fdocs\">\n    Documentation\n  \u003C\u002Fa> - \u003Ca href=\"https:\u002F\u002Fwww.blocknotejs.org\u002Fdocs\u002Fgetting-started\">\n    Quickstart\n  \u003C\u002Fa>- \u003Ca href=\"https:\u002F\u002Fwww.blocknotejs.org\u002Fexamples\">\n    Examples\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n# Live demo\n\nSee our homepage @ [https:\u002F\u002Fwww.blocknotejs.org](https:\u002F\u002Fwww.blocknotejs.org\u002F) or browse the [examples](https:\u002F\u002Fwww.blocknotejs.org\u002Fexamples).\n\n# Example code (React)\n\n[![npm version](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002F%40blocknote%2Freact.svg)](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002F%40blocknote%2Freact)\n\n```typescript\nimport { useCreateBlockNote } from \"@blocknote\u002Freact\";\nimport { BlockNoteView } from \"@blocknote\u002Fmantine\";\nimport \"@blocknote\u002Fcore\u002Ffonts\u002Finter.css\";\nimport \"@blocknote\u002Fmantine\u002Fstyle.css\";\n\nfunction App() {\n  const editor = useCreateBlockNote();\n\n  return \u003CBlockNoteView editor={editor} \u002F>;\n}\n```\n\n`@blocknote\u002Freact` comes with a fully styled UI that makes it an instant, polished editor ready to use in your app.\n\n# Features\n\nBlockNote comes with a number of features and components to make it easy to embed a high-quality block-based editor in your app:\n\n### Animations:\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FTypeCellOS\u002FBlockNote\u002Fblob\u002Freadme\u002F.resources\u002Fanimations.gif?raw=true\" width=\"400\" \u002F>\n\n### Helpful placeholders:\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FTypeCellOS\u002FBlockNote\u002Fblob\u002Freadme\u002F.resources\u002Fplaceholders.gif?raw=true\" width=\"400\" \u002F>\n\n### Drag and drop blocks:\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FTypeCellOS\u002FBlockNote\u002Fblob\u002Freadme\u002F.resources\u002Fdragdrop.gif?raw=true\" width=\"400\" \u002F>\n\n### Nesting \u002F indentation with tab and shift+tab:\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FTypeCellOS\u002FBlockNote\u002Fblob\u002Freadme\u002F.resources\u002Fnesting.gif?raw=true\" width=\"400\" \u002F>\n\n### Slash (\u002F) menu:\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FTypeCellOS\u002FBlockNote\u002Fblob\u002Freadme\u002F.resources\u002Fslashmenu.gif?raw=true\" width=\"400\" \u002F>\n\n### Format menu:\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FTypeCellOS\u002FBlockNote\u002Fblob\u002Freadme\u002F.resources\u002Fselectmenu.gif?raw=true\" width=\"400\" \u002F>\n\n### Real-time collaboration:\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FTypeCellOS\u002FBlockNote\u002Fblob\u002Freadme\u002F.resources\u002Fcollaboration.gif?raw=true\" width=\"400\" \u002F>\n\n# Feedback 🙋‍♂️🙋‍♀️\n\nWe'd love to hear your thoughts and see your experiments, so [come and say hi on Discord](https:\u002F\u002Fdiscord.gg\u002FQc2QTTH5dF).\n\n# Contributing 🙌\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md) for more info and guidance on how to run the project (TLDR: just use `pnpm start`).\n\nThe codebase is automatically tested using Vitest and Playwright.\n\n# License 📃\n\nBlockNote is 100% Open Source Software. The majority of BlockNote is licensed under the [MPL-2.0 license](LICENSE-MPL.txt), which allows you to use BlockNote in commercial (and closed-source) applications. If you make changes to the BlockNote source files, you're expected to publish these changes so the wider community can benefit as well. [Learn more](https:\u002F\u002Ffossa.com\u002Fblog\u002Fopen-source-software-licenses-101-mozilla-public-license-2-0\u002F).\n\nThe XL packages (source code in the `packages\u002Fxl-*` directories and published in NPM as `@blocknote\u002Fxl-*`) are licensed under the GPL-3.0. If you cannot comply with this license and want to use the XL libraries, you'll need a commercial license. Refer to [our website](https:\u002F\u002Fwww.blocknotejs.org\u002Fpricing) for more information.\n\n# Credits ❤️\n\nBlockNote builds directly on two awesome projects; [Prosemirror](https:\u002F\u002Fprosemirror.net\u002F) by Marijn Haverbeke and [Tiptap](https:\u002F\u002Ftiptap.dev\u002F). Consider sponsoring those libraries when using BlockNote: [Prosemirror](https:\u002F\u002Fmarijnhaverbeke.nl\u002Ffund\u002F), [Tiptap](https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fueberdosis).\n\nBlockNote is built as part of [TypeCell](https:\u002F\u002Fwww.typecell.org). TypeCell is proudly sponsored by the renowned [NLNet foundation](https:\u002F\u002Fnlnet.nl\u002Ffoundation\u002F) who are on a mission to support an open internet, and protect the privacy and security of internet users. Check them out!\n\n\u003Ca href=\"https:\u002F\u002Fnlnet.nl\">\u003Cimg src=\"https:\u002F\u002Fnlnet.nl\u002Fimage\u002Flogos\u002FNGIAssure_tag.svg\" alt=\"NLNet\" width=\"100\">\u003C\u002Fa>\n\nHosting and deployments powered by Vercel:\n\n\u003Ca href=\"https:\u002F\u002Fvercel.com\u002F?utm_source=TypeCell&utm_campaign=oss\">\u003Cimg src=\"https:\u002F\u002Fimages.ctfassets.net\u002Fe5382hct74si\u002F78Olo8EZRdUlcDUFQvnzG7\u002Ffa4cdb6dc04c40fceac194134788a0e2\u002F1618983297-powered-by-vercel.svg\" alt=\"NLNet\" width=\"150\">\u003C\u002Fa>\n\nThis project is tested with BrowserStack\n","BlockNote 是一个基于块的 React 富文本编辑器，风格类似于 Notion，并且支持扩展。它基于 Prosemirror 和 Tiptap 构建，使用 TypeScript 编写，提供了丰富的功能，包括动画、占位符提示、拖放块、嵌套和缩进、斜杠菜单、格式菜单以及实时协作等。这些特性使得 BlockNote 非常适合需要集成现代化富文本编辑体验的应用场景，如博客平台、知识管理系统或在线文档工具。其简洁的 API 设计和预设样式让用户能够快速上手并轻松嵌入到现有项目中。",2,"2026-06-11 03:37:02","high_star"]