BlockNote

JavaScript Block-Based React rich text editor - Easily add a rich text editor to your app.

A beautiful text editor that just works. Easily add an editor to your app that users will love. Customize it with your own functionality like custom blocks or AI tooling.

BlockNote is an open-source, block-based rich text editor built on Prosemirror that provides extensive customization and supports real-time collaboration. It offers a user-friendly experience with built-in components like menus and toolbars, making it easy to integrate into existing applications. With support for Markdown and HTML, as well as a powerful API for developers, BlockNote aims to simplify the process of building text editors. Notably, it provides first-class TypeScript support, allowing for type safety and autocompletion even when extending the editor with custom functionalities.

https://blocknotejs.org

BlockNote screenshot BlockNote icon
{{ ui.publicListPage.error === 'not_found' ? 'This collection is unavailable' : 'Failed to load' }}
Добавить в лист
Ваши листы

Пока нет листов — создайте новый ниже.

{{ pocketNoteSubjectLabel }}

{{ t('note.editor_hint') }}

{{ t('note.rating') }}
{{ pocketNoteStarIconName(n) }}
{{ formatPocketNoteRatingLabel(pocketNoteDraftActive.rating) }}

{{ t('action.saving') }}

Карточка листа
  • Название
  • Описание
Доступ
Публичная ссылка

{{ publicListShareUrl(user.lists[ui.list.editingListId]) }}

{{ t('home.apps') }} search

{{ t('cat.public_collections') }}
{{ pl.ownerName }} Public collection
{{ pl.name }}

{{ pl.name }}

{{ pl.ownerName }}

{{ pl.fullDescription || pl.description }}

square_arrow_up
{{ t('profile.links') }}
{{ t('home.top_categories') }}
  • {{ cat.emoji }} square_grid_2x2
    {{ cat.title }}
dAppStore
+1000 usefull apps
{{ appPageUpdatingMessage() }}