flowedit.
← All features SIDE BY SIDE

Some things read better
side by side.

Use two to four columns for related content, or a table when readers need to compare. Add, remove, and rearrange from the editor’s contextual controls.

Side by side, in your page file
[flow-columns count="2"]
[flow-column]
## A clear idea
A little context.
[/flow-column]
[flow-column]
## The next step
Something worth doing.
[/flow-column]
[/flow-columns]
Columns for the story. Tables for the facts.
COLUMNS, TABLES, AND ROOM TO REARRANGE
01

Two, three, or four columns

Start with two columns and use the contextual toolbar to add or remove columns. Each one can hold rich text, images, galleries, video, supported embeds, and custom blocks.

02

Tables that work with you

Add and remove rows or columns, merge and split cells, and toggle headers. Paste spreadsheet cells or an HTML table to bring existing information along.

03

Rearrange as you think

Use a block’s grip to drag it into place, duplicate it, or remove it. Convert supported text blocks into another type from the same menu.

04

Ready for smaller screens

Public column layouts stack on small screens. Wide tables get a keyboard-focusable horizontal scrolling region, keeping the surrounding page in shape.

MAKE YOURSELF AT HOME

Here’s how
to get started.

Read the guide
  1. Insert Columns or Table from the slash menu.
  2. Place the cursor inside to reveal contextual controls.
  3. Add your content and preview it with your site’s theme.

There’s more to the flow.

All features
TRY THE EDITOR

Bring a sentence.
Make yourself at home.

Type, format, add a block. Export your draft as Markdown.

Open source. MIT licensed. Made for Grav 2 + Admin2.