Skip to content Editor styles demo: every block in one post – The Seattle Public Library Foundation

Editor styles demo: every block in one post

Every block a blog post needs, shown on the front end and in the editor

This is a demo post for the editor-styles fix. Every block type an editor would reach for when writing a News & Stories post appears below, so the editor view and the published page can be compared side by side.

A heading (H2)

A paragraph with bold text, italic text, and a link to the Foundation. Paragraph spacing is the same here and in the editor.

  • Bulleted item one
  • Bulleted item two, with a nested list
    • Nested item
    • Another nested item
  • Bulleted item three
  1. Numbered step one
  2. Numbered step two
  3. Numbered step three

A quote (this is an H3)

“Libraries store the energy that fuels the imagination. They open up windows to the world and inspire us to explore and achieve.”

Sidney Sheldon

A centered paragraph, like the cardholder testimonials in the Books Unbanned post.

Column one

  • A list inside a column
  • Second item
  • Third item

Column two

A paragraph inside the second column. Columns are a standard Gutenberg block and twelve pages on the live site already use them.

Books Unbanned artwork
An image with a caption

BranchOpened
Central Library2004
Ballard Branch2005
Green Lake Branch2026
A table with a caption

A closing paragraph. Nothing on this post is special; it is just every ordinary block, styled once for both places.