Title:

Visual Editor Guide

🎨 Getting Started

Welcome! This is a **visual editor** where you can edit text directly, drag blocks to reorder them, and add content with one click.

Two Modes

Switch between **Visual Editor** (easy editing) and **JSON Editor** (advanced) using the tabs above.

**Click any text** to edit it. **Hover over blocks** to reveal controls: drag handle (⋮⋮), duplicate (⎘), and delete (×).

Text Formatting

Use **double asterisks** for bold: \*\*text\*\* becomes **text**

Use the **toolbar buttons** at the top to add blocks:

// Code with syntax highlighting
const hello = () => {
  console.log('Hello!');
};

E = mc^2

Ready!

Delete this guide and start creating your content!