Preview an article
Previewing allows you to see the final rendering of your article as it will appear once published, with all styles and formatting applied.
Open the preview
Click on the Preview button in the editor's header. The view switches from edit mode to preview mode.
What is displayed
The preview faithfully renders all block types:
| Block | Rendered in Preview |
|---|---|
| SEO Title | Displayed as the main title. |
| Description | Displayed below the title. |
| Paragraphs | Text formatted with all inline styles (bold, italic, links, etc.). |
| Headings (h2–h6) | Hierarchy of headings with appropriate styles. |
| Quotes | Quote block with source (author, title, URL) if provided. |
| Lists | Bulleted, numbered or reversed lists. |
| Images | Image with caption and credits displayed. |
| Videos | Video player with cover image. |
| Audio | Embedded audio player. |
| Galleries | Image carousel with lightbox function (click to enlarge). |
| Code | Code block with syntax highlighting. |
| Tables | Complete table with headers, footers, and merged cells. |
| FAQ | Expandable block with question and answer (`<details>` element). |
| Embeds | Integrated players YouTube, Vimeo, Dailymotion, X posts, TikTok, Instagram, Facebook. |
| Markdown | Rendering of Markdown in HTML. |
| Also Read | Titles and links to related articles in Butterfly. |
| Page Breaks | Visual separators. |
Interactive features
Lightbox for galleries
Click on a gallery image to open it full-screen with navigation controls between images.
Clickable links
All links are active in preview mode. You can check that they point to the correct destinations.
Media players
Video and audio players are functional in preview.
Return to the editor
Click again on the preview button or the back button to return to edit mode.