When I started building this site, I wanted to make sure I could see all the elements I was going to render in a blog post in one place. It made things much easier to nail down from a styling perspective. This has been sitting unpublished for a while and I thought why not put it out there for others to use. It's not going to hurt me any, so here you go. Feel free to rip the pattern for your own website if you want.

WHAT’S A RICH TEXT ELEMENT H1?

WHAT’S A RICH TEXT ELEMENT H2?

What’s a Rich Text element H3?

WHAT’S A RICH TEXT ELEMENT H4?

WHAT’S A RICH TEXT ELEMENT H5?

WHAT’S A RICH TEXT ELEMENT H6?

HERE IS AN EXAMPLE IFRAME

HERE IS AN EXAMPLE IMAGE

HERE IS AN EXAMPLE TWO PARAGRAPHS

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. Link to Thing

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

HERE IS AN EXAMPLE BLOCK QUOTE

Quote A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

HERE ARE SOME EXAMPLE LINKS

⁠Link to External Site
Link to Page on This Site

HERE IS AN EXPAMPLE CODE LINE

console.log(`A logged exception: ${exception.getmessage()}`);

HERE IS AN EXAMPLE CODE BLOCK:

var.forEach(element => {
  console.log(element);
})

let variable = (superLognVariableName === otherSuperLongVariableName) ? 'superlongstringsuperlongstringsuperlongstringsuperlongstringsuperlongstringsuperlongstring' : 'shortString'

HERE IS AN EXAMPLE BULLETED LIST

• First Bullet
  • First inner bullet
    • Second inner bullet
      • Third inner Bullet
  • Second First Inner Bullet
• Second Bullet
  • First inner bullet
  • Second First inner bullet
• Third Bullet

HERE IS AN EXAMPLE OF A NUMBERED LIST

1. One
   1. One
      1. One
   2. Two
2. Two
   1. One
   2. Two
3. Three
   1. One
      1. One
      2. Two
   2. Two
      1. One
      2. Two
      3. Three
   3. Three

HERE IS AN EXAMPLE TABLE