Back to Docs

Editor Overview

Canvas

The canvas is the central workspace where you build your page. It renders a live preview of your content — what you see is what your visitors will see.

  • Click to select elements
  • Drag to reorder elements
  • Double-click text to edit inline
  • Right-click for context menu options (copy, paste, duplicate, delete)

Element Panel

The left panel houses the element library. Elements are grouped into categories:

  • Layout — Section, Column, Container
  • Content — Heading, Text, Image, Icon, Video
  • Interactive — Button, Tabs, Accordion, Counter, Progress Bar
  • Forms — Contact Form, Search
  • Pro — Slider, Modal, Mega Menu, Countdown (requires Pro licence)

Tree View

Toggle the tree view to see your page structure as a hierarchical outline. This is useful for selecting deeply nested elements or reordering complex layouts.

Responsive Controls

The top bar includes breakpoint toggles for Desktop, Tablet, and Mobile. Each breakpoint can have independent style overrides.

History

Use the undo/redo buttons or Ctrl+Z / Ctrl+Shift+Z. RAVENCIBuilder keeps a full history of your editing session.