Basic Editor Setup

This example shows the minimal code required to setup your React rich text editor with BlockNote.

Relevant Docs:

TODO

import { BlockNoteView, useCreateBlockNote } from "@blocknote/react";
import "@blocknote/react/style.css";
 
export default function App() {
  // Creates a new editor instance.
  const editor = useCreateBlockNote();
 
  // Renders the editor instance using a React component.
  return <BlockNoteView editor={editor} />;
}

Overview Block Objects