BlockNote
DocsDocsExamplesExamplesPricingPricingAboutAbout
GitHubGitHubDiscordDiscord
  • Introduction
  • Quickstart
  • Editor Basics
    • Editor Setup
    • Document Structure
    • Default Schema
  • Editor API
    • Manipulating Blocks
    • Manipulating Inline Content
    • Cursor & Selections
    • Markdown & HTML
    • Server-side processing
    • Export to PDF
    • Export to docx (Office Open XML)
  • Styling & Theming
    • Themes
    • Overriding CSS
    • Adding DOM Attributes
  • UI Components
    • Block Side Menu
    • Formatting Toolbar
    • Suggestion Menus
  • Custom Schemas
    • Custom Blocks
    • Custom Inline Content
    • Custom Styles
    • BlockNote with Ariakit
    • BlockNote with ShadCN and Tailwind
    • Grid Suggestion Menus
    • Next.js and BlockNote
    • Real-time Collaborative rich text editor
    • Usage Without React (Vanilla JS)
  • Community ↗ (opens in a new tab)
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub
Docs
Editor API

Editor API

BlockNote exposes an API to interact with the editor and its contents from code. These methods are directly available on the BlockNoteEditor object you created when instantiating your editor.

  • Manipulating Blocks explains how to read / update Blocks in the document.
  • Manipulating Inline Content explains how to update / read data from selected text.
  • Cursors & Selections explains methods related to cursor positions and selections.
  • Markdown & HTML explains how to convert the document to and from Markdown and HTML.
Default SchemaManipulating Blocks

Footer

BlockNote

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

Theme

© 2024 BlockNote maintainers. All rights reserved.