# Real-time preview

The preview allows you to see exactly how your steps will appear to readers, directly from the editor. No more saving and launching a full reading session to check your content's rendering.

# Side-by-side preview

The step editor offers a side-by-side mode that simultaneously displays the content editor on the left and the preview on the right. Every change you make is immediately reflected in the preview.

Capture à venirSide-by-side preview
The editor on the left and the preview on the right allow you to work efficiently.

# Faithful reader rendering

The preview faithfully reproduces the final rendering as the reader will see it. This includes text formatting, images, styles, and the overall layout of the step.

Always check the rendering

Make it a habit to check the preview after each significant change to ensure the result matches your expectations.

# Testing variable replacements

The preview allows you to verify the behavior of inserted variables in your step's content. Variables enclosed in double curly braces ({{variable_name}}) are replaced with test values so you can visualize the final result.

Capture à venirVariable replacement in the preview
Variables are replaced by their values for a realistic preview.

# Previewing different paths

From the preview, you can observe the different links and choices available to the reader at this step. This helps you verify that your story's branches are correctly configured and that the choice texts are clear and engaging.

# Testing explorations and dialogues

If your step includes explorations or NPC dialogues, the preview allows you to test them directly from the editor. This way, you can verify that interactions work correctly before publishing your story.

Capture à venirTesting explorations and dialogues
Test NPC interactions directly from the editor.
Time saver

The preview saves you valuable time by avoiding back-and-forth between the editor and reading mode to check the rendering of your steps.