Rich text feature guide

This page is a content laboratory: short and long, plain and structured, so every rich-text feature can be inspected in one real article.

Short: This is a one-line rhythm check. Bold, italic, underlined, struck through, and inline code.

A long paragraph should have room to breathe without becoming a wall of uniform words. This sample intentionally moves through different sentence rhythms: it begins with a small observation, reaches an execution decision, and returns to the human experience of a place. The goal is to test measure, line-height, column width, and text behavior when the sidebar is open or collapsed.

Configurable headings

Level-three subheading

This short paragraph sits below a subheading so the scale and spacing relationship is easy to inspect.

Level-four heading

This sentence is intentionally a little longer so wrapping can be tested at different widths without awkward breaks.

Level-five heading

The smallest heading level in this sample introduces a compact section.

EDITORIAL NOTE · SHORT SAMPLE

Large body text is for the moment when an idea should be seen before it is fully explained: one clear sentence that changes the rhythm of the article.

For the custom link test, open the journal archive Then inspect the internal link too: the KA project.

The best content system is not the one with the most options; it is the one where every option creates meaning and readability in the right place.

• A bulleted list with short text
• A longer item to test line wrapping and vertical rhythm
• A third item for checking list spacing

1. First: inspect the structure
2. Second: change the reading width
3. Third: toggle the sidebar mode

• Headings and short text checked
• Media blocks rendered on the page
• Mobile layout still needs a pass

Custom content blocks

Wide media sample with an intentionally enabled caption.

The same component at contained width for comparison with the reading column.

Full-bleed mode for checking the transition from text to image.

Three frames from the project archive

Image 1 for testing gallery captions

Image 1 of 3

010203

const article = {
  slug: "rich-text-feature-lab",
  blocks: "all",
  copy: ["short", "long"],
};

console.log("Test the whole reading surface");

End of the test

When everything works, this page should create a long but orderly reading path: images should load, the table should scroll horizontally at narrow widths, FAQ details should open and close, and both locale versions should remain readable.