BlockNoteBlockNote
    • Docs
    • AI
    • Examples
    • Pricing
    • About
    • Sign in

Getting Started

Introduction
Getting Started
Editor Setup

Foundations

Document StructureSchemasManipulating BlocksFormat Interoperability

Features

AI
Built-in Blocks
TypographyList TypesTablesEmbedsCode BlocksInline ContentCustom
Collaboration
Import
Server-side processingLocalization (i18n)Extensions
Custom Schemas

React

Overview
UI Components
Styling & Theming

Editor Reference

OverviewManipulating ContentCursor & SelectionsYJS UtilitiesEventsPaste Handling
BlockNote DocsFeaturesBuilt-in BlocksCustom

Custom Blocks, Inline Content and Styles

You can also extend your editor and create your own Blocks, Inline Content or Styles using React. Skip to Custom Schemas (advanced) to learn how to do this.

Inline Content

How to use inline content in BlockNote.

Real-time Collaboration

Learn how to create multiplayer experiences with BlockNote

On this page

Custom Blocks, Inline Content and Styles

Footer

BlockNoteBlockNote

BlockNote is an extensible React rich text editor with support for block-based editing, collaboration and comes with ready-to-use customizable UI components.

Learn

  • Documentation
  • Examples
  • Releases

Collaborate

  • Partner with us
  • Sponsorships
  • Contribute

Community

  • GitHub
  • Discord

Legal

  • Terms & Conditions
  • Privacy Policy

Theme

© 2026 BlockNote maintainers. All rights reserved.