Documentation
Writing & Editing Pages
Learn how to use the Page Editor, view modes, production stages, notes, comments, and character references.
The Page Editor
The Page Editor is the heart of superhero.pw. It’s a focused writing environment designed for dialogue-heavy creative workflows.
Opening a Page
- Navigate to a project inside your series
- Click on any page in the page list, or create a new one
- The editor opens in full-width mode for maximum writing space
Editor Modes
Switch between three modes using the view mode toggle at the top of the editor:
- Edit — Write raw Markdown or Fountain screenplay syntax. This is where you draft content.
- Preview — See your content rendered as formatted text. Headings, bold, italic, blockquotes, and code all render properly.
- Panels — Content is automatically split by
##headings into separate panel cards. This is ideal for comic page layout review, where each##represents a new panel.
Auto-Save
The editor automatically saves your work 5 seconds after each change. You’ll see a save indicator in the top bar:
- Saving… — actively saving
- Saved — last save time displayed
- Unsaved changes — there are edits not yet persisted
You can also press Cmd/Ctrl + S to save immediately.
Focus Mode
Click the focus mode button (or use the tour) to enter a distraction-free, full-screen writing view. Press Escape or click the exit button to leave focus mode.
Production Stages
Every page tracks progress through the comic production pipeline. Click any stage icon to mark it as complete:
| Stage | Icon | What it means |
|---|---|---|
| Script | description |
Script is written |
| Thumbs | pan_tool |
Thumbnails are sketched |
| Pencils | edit |
Pencil drawings are done |
| Inks | brush |
Inking is complete |
| Flats | format_paint |
Flat colors are laid down |
| Colors | palette |
Full coloring is done |
| Letters | text_fields |
Lettering is applied |
Stages are saved automatically when toggled and give you a quick visual on where each page stands in production.
Side Panels
On the right side of the editor, you can toggle three side panels:
Notes Panel
- View and create notes attached to the current page
- Notes support Markdown
- Notes are specific to the page you’re viewing
Comments Panel
- View and add comments on the current page
- Comments are great for collaboration and review feedback
- Each comment is timestamped
Character Panel
- Browse characters from your series
- See which characters are mentioned in the current page (auto-detected from Fountain syntax)
- Click a character to jump to their full profile
- Use Insert Dialogue to quickly add a character dialogue block to the editor
Page Navigation
Use the Previous / Next buttons in the top bar, or the keyboard shortcuts Cmd/Ctrl + Shift + ← and Cmd/Ctrl + Shift + →, to move between pages within the same project without leaving the editor.
Fountain Syntax
The editor supports Fountain screenplay markup alongside standard Markdown:
INT. OBSIDIAN GATE — NIGHT
Elias steps through the archway. The walls pulse with a faint violet light.
ELIAS
This place… it remembers.
Character names in ALL CAPS on their own line are parsed as character dialogue. Scene headings starting with INT. or EXT. are recognized automatically.
Exporting
Click the Export button at the bottom of the editor to download page content. This exports your raw text for use in other tools.
Feature Tour
When you first open the Page Editor, a guided tour highlights the key features: stages, view modes, side panels, and focus mode. You can restart this tour anytime by clicking the Restart Tour button in the shortcuts bar at the bottom of the editor.