Editorial

Displays a block with content (title, text, button) on the left and image on the right (possible to reverse the direction). In mobile the image is first.

Frontmatter

blocks:
  - type: editorial
    surtitle: '' # string (optional)
    title: '' # string (optional)
    text: '' # markdown (optional)
    notes: [] # (optional)
      text: '' # markdown
    ctas: [] # (optional)
      text: '' # string
      url: '' # url
      blank: false # boolean (optional)
      link: false # boolean (optional)
      lang: '' # code lang, sets the hreflang attribute (optional)
    image: {} # (optional)
      src: '' # url
      filter: '' # [Box, Lanczos, CatmullRom, Linear] (optional)
      alt: '' # string (optional)
      legend: '' # string (optional)
      credit: '' # markdown (optional)
      screenshot: false # boolean, frames the image in a fake browser (optional)
    ui: {} # (optional)
      theme: '' # [accent, black, dark, highlight, light, neutral, white] (optional)
      grid: '' # [xsmall, small, medium, large, container, full] (optional)
      offset: '' # [start, center, end] (optional)
      align: '' # [start, center, end] (optional)
      direction: '' # [ltr, rtl] (optional)

The editorial block is its content, so it carries surtitle / title / text at its root rather than a heading. direction: rtl renders block-editorial-rtl and flips the two sides on desktop; on mobile the image always comes first.

notes adds numbered footnotes under the text. Mark each call site in text with [*]: the markers are numbered in the order they appear and matched to the notes entries in that same order.

See Common keys for heading, footing and the full ui reference.

Demo visual renderer

Files

CMS availability

CMS	Hugolify Admin v2
CloudCannon	Available
Decap CMS	Available
Netlify CMS	Available
Pages CMS	Available
Static CMS	Available
Sveltia CMS	Available
Tina CMS	Available

The notes field is off by default in the CMS. Set params.admin.blocks.editorial.notes: true to expose it.