Range supports all of Ghost's built-in editor cards and content types.

Heading h2

Sapien eget mi proin sed libero. Enim ut sem viverra aliquet eget sit amet tellus cras. Dui accumsan sit amet nulla facilisi morbi tempus iaculis urna.

Heading h3

Turpis tincidunt id aliquet risus feugiat in ante metus. Dis parturient montes nascetur ridiculus mus mauris vitae.

Heading h4

Massa placerat duis ultricies lacus sed turpis tincidunt id aliquet. Egestas sed tempus urna et.


Text

Nulla aliquet enim tortor at auctor. Netus et malesuada fames ac. Vitae ultricies leo integer malesuada nunc vel risus commodo. Mauris vitae ultricies leo integer malesuada. Integer enim neque volutpat ac tincidunt vitae semper quis lectus.

  • List
  • Of
  • Items

Risus viverra adipiscing at in tellus integer. Cras tincidunt lobortis feugiat vivamus at. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit lectus. Ornare massa eget egestas purus.

  1. A numbered
  2. List
  3. Of
  4. Items

Adipiscing elit pellentesque habitant morbi tristique. Turpis tincidunt id aliquet risus feugiat in ante metus.

<main class="container">

  <div class="posts mt3">
    {{#foreach posts}}
      {{> post-card show_authors=true}}
    {{/foreach}}
  </div>
  
  <div class="tc mt6">
    {{pagination}}
  </div>

</main>

Quotes

Quote type 1

Nulla aliquet enim tortor at auctor. Netus et malesuada fames ac. Vitae ultricies leo integer malesuada nunc vel risus commodo. Mauris vitae ultricies leo integer malesuada.

Quote type 2

Rhoncus mattis rhoncus urna neque viverra justo nec ultrices. At varius vel pharetra vel turpis nunc.

Images

Normal width image

Unsplash by Kyle Glenn

Wide image

Unsplash by Katie Wallace

Full-width image

Unsplash by Jonathan Cooper

Bookmark

Ghost: Turn your audience into a business
The world’s most popular modern publishing platform for creating a new media platform. Used by Apple, SkyNews, Buffer, OpenAI, and thousands more.

Callout

πŸ’‘
This is a callout example
πŸ†
This is a success callout

Button

Toggle

Example toggle header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt ante quis elit pharetra, id tempor tellus eleifend. Morbi maximus rutrum risus quis ullamcorper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In egestas, leo eget tristique mollis, tortor libero laoreet metus, eget sodales arcu urna quis magna.

Embed