BlockNote Block
A BlockNote block is the atomic unit of a note — a paragraph, heading, list item, image, table, code block, callout, web clip, or task — each with its own ID, formatting, and slash-command shortcuts.
In depth
OpenCharts uses BlockNote (and the xl-ai extension) as its editor engine. Every block has a stable ID so cross-block features like comments, tasks, and version history can pin to specific content.
Custom block specs add platform features that aren’t in the BlockNote core — for example, the webClip block renders a collapsible card for clipped web content, with metadata, hover actions, and outline-sidebar integration.
Examples
- Heading + paragraph + bullet list
- Embedded code block with syntax highlighting
- Web clip card from the Chrome extension
Also known as
Want to put this concept to work in OpenCharts?
Block referenceRelated terms
Notes Editor
The Notes Editor is the OpenCharts rich-text workspace — a BlockNote-based editor with slash commands, themes, inline AI, version history, real-time collaboration, and exports to DOCX, PDF, Markdown, HTML, and JSON.
Slash Command
A slash command is a /-triggered menu inside Notes that inserts a block, runs an action, or opens an inline AI prompt — e.g. /heading, /todo, /clip, /ai.
Web Clip Block
A web clip block is a special Notes block that renders a clipped web page or selection as a collapsible card with the source URL, favicon, clipped date, and re-clip / open / delete actions.