BlockNote

A React Rich Text Editor that's block-based (Notion style) and extensible. Built on top of Prosemirror and Tiptap.

MPL-2.0 License

Downloads
333.4K
Stars
5.1K
Committers
56
View Code on GitHub Visit Website
Ecosystems: JavaScript, React, TypeScript, Notion

Bot releases are hidden (Show)

BlockNote - v0.15.1 Latest Release

Published by matthewlipski 3 months ago

What's Changed

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.15.0...v0.15.1

BlockNote - v0.15.0

Published by matthewlipski 3 months ago

This release adds the highly requested server-util package for static rendering of BlockNote documents, as well as adding a new emoji picker menu and fixing miscellaneous bugs and architectural improvements (most notably being unable to change editor content before rendering). We've also upgraded to TipTap 2.5.0 underneath.

See https://www.blocknotejs.org/docs/editor-api/server-processing for the docs on server processing!

New examples:

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.14.4...v0.15.0

BlockNote - v0.14.4

Published by matthewlipski 4 months ago

This release fixes some issues with the block drag preview, as well as a dependency issue that was sometimes occurring with NextJS.

What's Changed

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.14.3...v0.14.4

BlockNote - v0.14.3

Published by matthewlipski 4 months ago

This release adds Russian language support and fixes several bugs.

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.14.2...v0.14.3

BlockNote - 0.14.2

Published by matthewlipski 4 months ago

This release adds the ability for users to drag and drop files from outside BlockNote into the editor if uploadFile is defined, as well as some other minor changes.

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.14.1...v0.14.2

BlockNote - 0.14.1

Published by matthewlipski 4 months ago

This release adds the Arabic locale and fixes a few bugs.

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.14.0...v0.14.1

BlockNote - 0.14.0

Published by matthewlipski 4 months ago

This release fixes a slew of community reported bugs & issues.

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.13.5...v0.14.0

BlockNote - v0.13.5

Published by YousefED 5 months ago

This upgrades the BlockNote dependencies (including Prosemirror / Tiptap) to the latest version and resolves some small issues.

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.13.4...v0.13.5

BlockNote - v0.13.4

Published by matthewlipski 5 months ago

What's Changed

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.13.3...v0.13.4

BlockNote - v0.13.3

Published by matthewlipski 5 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.13.2...v0.13.3

BlockNote - v0.13.2

Published by matthewlipski 5 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.13.1...v0.13.2

BlockNote - v0.13.1

Published by YousefED 6 months ago

This release patches 2 regressions in v0.13.0

What's Changed

BlockNote - v0.13.0

Published by YousefED 6 months ago

Another big release for BlockNote 🥳

v0.13.0 now makes BlockNote UI-library agnostic. We extracted the default Mantine-based ux to @blocknote/mantine, and also added support for Ariakit and ShadCN (#652)! This was a major refactor, but we're really excited about this and looking forward to your feedback and contributions ❤️

We also introduced localization and made all strings fully configurable. For now, only English (en) and Dutch (nl) are supported - we definitely welcome any PRs with your language of choice!

Finally, some major improvements have been made in Accessibility, such as better keyboard navigation of menus. Let's make sure that BlockNote applications are usable by everyone, regardless of any impairments!

Excited about this release? Consider sponsoring BlockNote as we rely on your support. This month we added a few new sponsors (thanks!) and are zoning in on the initial goal of 10 monthly sponsors - who benefit from priority support and development!

New examples

What's Changed

Breaking changes

  • Some exports have of course been moved to @blocknote/mantine. Make sure to import BlockNoteView and style.css from @blocknote/mantine if you're migrating your existing project

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.12.4...v0.13.0

BlockNote - 0.12.4

Published by matthewlipski 7 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.12.3...v0.12.4

BlockNote - 0.12.3

Published by matthewlipski 7 months ago

What's Changed

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.12.2...v0.12.3

BlockNote - 0.12.2

Published by matthewlipski 7 months ago

What's Changed

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.12.1...v0.12.2

BlockNote - 0.12.1

Published by matthewlipski 7 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.12.0...v0.12.1

BlockNote - 0.12.0

Published by matthewlipski 8 months ago

v0.12 is a big one, which unlocks a number of highly requested features (and fixes) 🥳! As part of this, we're also shipping a brand new website with plenty of updated examples and completely revised the documentation.

Looking forward to your feedback! Although most of the API has stayed the same, there are a few breaking changes. Let us know in case you have trouble upgrading.

Features

  • New nextjs based website! https://www.blocknotejs.org with major update to Docs and a lot of new Examples.
  • Go beyond Custom Blocks, also customize your editor with bespoke Inline Content (e.g.: Mentions!) and Styles.
  • Easily create menus for mentions, tags, etc! We revisited the API + docs for customizing UI Components
  • Large number of fixes including a significant performance improvement by refactoring Placeholders and a rearchitecture of the React integration
  • It's now easier to wait for content to be fetched before initializing the editor, see the Saving & Loading Example.
  • Added method for inserting Inline Content, see Manipulating Inline Content.

Breaking changes

  • useBlockNote has been renamed to useCreateBlockNote. Also, event handlers mostly moved to BlockNoteView or hooks. onEditorReady event has been removed as it's no longer needed. See Editor Setup
  • BlockNoteView now takes props to disable built-in components. See Editor Setup
  • Customizing UI components has been updated to enable more powerful scenarios. See UI Components (among other changes, [element]Positioner components have been renamed to [element]Controller)
  • The API for changing Slash Menu Items has been revised, see Slash Menu
  • Use BlockNoteSchema to register your custom blocks / styles / inline content. See Custom Schemas
  • We separated the Inter font to reduce the main bundle size. Add import "@blocknote/core/fonts/inter.css"; separately

What's Changed

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.11.2...v0.12.0

BlockNote - 0.11.2

Published by matthewlipski 9 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.11.1...v0.11.2

BlockNote - 0.11.1

Published by matthewlipski 9 months ago

What's Changed

Full Changelog: https://github.com/TypeCellOS/BlockNote/compare/v0.11.0...v0.11.1

Package Rankings
Top 2.35% on Npmjs.org
Badges
Extracted from project README
npm version
Related Projects
react-notion-x

Fast and accurate React renderer for Notion. TS batteries included. ⚡️

15 Aug 2020 3,753
typist

The mighty Tiptap-based rich-text editor that powers Doist products.

01 Nov 2022 371
blockprotocol

✨ The open-source standard for blocks. From @hashintel

19 Apr 2021 1,359
easyreadme

Easyreadme helps you simplify README creation and generate visually stunning ones with the help o...

03 Sep 2023 168
ink-mde

A beautiful, modern, customizable Markdown editor powered by CodeMirror 6 and TypeScript

27 Mar 2021 137
batnoter

An open source, markdown-based, self-hosted note taking webapp.

11 Mar 2022 2,300
react-md-editor

A simple markdown editor with preview, implemented with React.js and TypeScript.

19 Aug 2019 1,890
web-garden

Building blocks for making progressive and future-proof websites. Components collection features ...

18 Jun 2022 156