Document Editor | Demo

Getting Started Guide

Welcome to the document editor. This is a block-based editor inspired by Notion. Each paragraph, heading, and element is its own block.

Quick Start

Start typing in any block. Use the toolbar above for formatting, or type / at the beginning of a line for the slash command menu.

Set up project structure

Design the landing page

Implement authentication

Features

💡 Tip: You can add callout blocks to highlight important information.

This editor supports multiple block types including paragraphs, headings, to-do lists, callouts, code blocks, and dividers.

function greet(name) {
  return `Hello, ${name}!`;
}