Text Block

The Text Block consists of a custom Markdown Field. A nice text editor with syntax highlighting for both Markdown and KirbyText.

Abstract architecture

Photo: Ricardo Gomez Angel

The Markdown Field is a Kirby plugin made by Sylvain Julé. The syntax highlighting really helps while writing text in Markdown, it gives more structure and makes your text more readable. It also has nice features like displaying whitespace characters and creating links for pages on your site.

Buttons

The buttons used for the text field:

  • Headings: h2, h3, h4, h5, h6
  • Bold, italic
  • Code
  • Strikethrough
  • Bullet or unordered list, numbered or ordered list
  • Horizontal rule
  • Image, file
  • Page link, link, email

Besides Markdown and KirbyText you can also use Markdown Extra in text fields, lots of options to format your text.

Images

When using images in a text field include the set:default attribute, this will generate responsive images. For responsive images in the Columns Block you can use set:small.

(image:my-image.jpg set:default)

ZoON uses images up to 1200px wide the maximum upload size of images has been set at 1600px.

Share

Marco Koedam

Marco Koedam

I am a graphic designer, front-end webdeveloper and photographer. Fascinated with the synergy between style and content, message and presentation, form and function. Ever since I was a little boy in the early 70’s, designing the program for a school play – how time flies when you’re having fun.