Every Lexical Feature, In One Post

This post exists to exercise every formatting and block type the Springfield admin editor supports. If any of these elements look wrong on the public site, the editor and the public renderer have drifted apart.

1. Inline text formatting

Plain text. Bold text using strong. Italic text using em. Underlined text. ~~Strikethrough text.~~ Inline code with backticks mixed inside a normal paragraph. You can also combine — bold italic and bold underlined work as expected.

2. Headings (H1 to H4)

Heading 1 inside body

Heading 2

Heading 3

Heading 4

The H1 above is rare in body content but Lexical supports it; the public site styles it via the prose class.

3. Paragraphs

Standard paragraph. The line you are reading right now is wrapped in a single <p> tag. Paragraphs get a small bottom margin so consecutive ones do not run together.

Second paragraph in a row, just to confirm spacing rules.

4. Blockquote

The best way to predict the future is to invent it. — Alan Kay

Blockquotes are useful for callouts, pull quotes, and attribution lines.

5. Bullet list

First bullet item
Second bullet item
Nested list inside a bullet:
- Nested level one
- Nested level two
Third bullet item

6. Numbered list

Read the prompt carefully
Mark the easy ones first
Come back to the tough ones with whatever time remains
Recheck — you will catch at least one silly mistake

7. Code block

function olympiadScore(correct, wrong) {
  return correct * 4 - wrong * 1;
}

Code blocks render in monospace with a muted background, distinct from inline code.

8. Links

External link to Springfield Olympiads home. External link with a long URL: Olympiad on Wikipedia. Internal-style link: SISO landing page.

9. Inline image (full-width)

Below this paragraph is an image inserted via the toolbar — uploaded directly to Cloudflare R2:

Continuation paragraph after the image.

10. Mixed content

Real posts mix everything. Here is a paragraph with bold, italic, inline code, and a link to SIMO.

Pro tip: Inline formatting inside a blockquote also works — useful for highlighting one phrase in a long quote.

Sub-section with a list and an image

List item one with bold
List item two with a link
List item three with inline code

11. Closing

If you got this far without any visual glitch, the editor and public renderer agree on every supported element. Add new node types to the Lexical config in admin/src/components/editor/LexicalEditor.tsx and the matching prose styles in frontend/tailwind.config.ts.

End of showcase.