Ghost Editor References

This page contains every Ghost element as well as several custom elements to test if they are usable, functional and all displayed correctly on both Standard and Inverted colour profiles.
Ghost Editor References

This page main purpose is to include every element from the Ghost Editor to ensure they're all being rendered correctly in all environments.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Elements

Image

aerial photo of black train during daytime
Photo by Bryan Walker / Unsplash

Markdown

This is a markdown text with a table!

Syntax Description
Header Title
Paragraph Text

The world is flat. We now know that the world is round.

HTML

The cake is a lie Not true!

Divider


Bookmark

Ghost Chapter
A modern Ghost theme with interconnected Chapters and Outline support

Button

Callout

💭
Some things are more important than others.

Toggle

This is the toggle heading

And this is the collapsible content

Video

0:00
/0:05

Audio

audio-thumbnail
Sunset Vibes Lo-Fi
0:00
/148.610594

File

Product

Chapter Theme

Chapter is a theme that's all about writing interconnected pieces of content: weekly digests, walkthroughs, guides and tutorials, as well as general blogging.

Get Chapter!

This is a header

With a subheading

Signup

Custom Elements

Two-Column Layout

First column

With an image!

brown concrete building
Photo by Clark Van Der Beken / Unsplash

And this is a second column, that has a whole Gallery in it!

And a toggle inside too.

I'm a toggle inside a column

Isn't it wonderful?

Rich Content Toggle

Open Me!

This is a code block!

<div style="background-color: #88C0D0; padding: 20px;">
    <h2 style="color: #4C566A;">Greetings from Scotland!</h2>
    <p>Enjoy the <span style="color: #A3BE8C;">lush landscapes</span> and rich history.</p>
    <img src="scotland_castle.jpg" alt="Castle in Scotland" style="width: 100%; max-width: 300px; height: auto;">
</div>

And that's how you can copy the content from it!

0:00
/0:05

Other Elements

Public Preview (3 paragraphs of text below)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna justo, dapibus ac facilisis in, egestas eget quam. Sed porttitor lectus nibh. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.


Pellentesque in ipsum id orci porta dapibus. Proin eget tortor risus. Nulla porttitor accumsan tincidunt. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Sed odio dui, dapibus a malesuada vitae, vestibulum faucibus ipsum. Fusce vel dui vel orci porta dapibus non eu leo. Donec sollicitudin molestie malesuada.


Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Curabitur aliquet quam id dui posuere blandit. Sed lectus. Pellentesque in ipsum id orci porta dapibus. Cras ultricies ligula sed magna dictum porta.