Markdown

The Markdown component lets you add formatted text using markdown syntax. Supports headings, links, lists, tables, and more.

What is the Markdown component?

The Markdown component lets you add formatted text using markdown syntax. Supports headings, links, lists, tables, and more.

Open the CMS editor where you want to add or edit a Markdown component.

Drag the Markdown component onto your page.

Type or paste your markdown-formatted text into the component.

Save your changes in the editor.

Markdown Syntax Help

Headings

Hash tags are used to denote headings with # insert title a H1, then each additional hash represents a lower heading level.

Links

Links in markdown are created using brackets, the link text should be in square brackets and the link destination in rounded brackets:

		[Docs site](docs.remarkable.net)`

Docs site

Text styles

To make text bold, use double asterisks. For italic, use single asterisks:

		**bold text**

how it looks

Bullets

Bullets can be added by adding a hyphen, asterisk, or plus before the text. Numbered lists are also supported:

		- list 1
		- list 2

list 1
list 2
1. Numbered list
2. are added
3. as displayed

Tables

Tables are created using pipes. Colons are used to align the content:

		| Heading 1 |  Heading 2 | Heading 3 |
		| --------- |------------| --------- |
		|           |            |           |
		|           |            |           |
		|           |            |           |

Heading 1	Heading 2	Heading 3

The markdown editor in the cms can be popped out to create a larger editing window that is easier to work in. The editor also contains a link to a useful cheat sheet.

Markdown Component Settings

All Markdown components support the standard CMS settings below. Use these tabs to control layout, typography, and display for your markdown block:

General

cms general

Selectors

In this box you can add classes that are defined elsewhere on the site to a specific page.

ID

ID is used to direct user to an element of the page or identify it for future use, so you can link to this aspect of the page.

Styles

Styles are used to add a specific style not predefined in a class. You can add style settings which can be applied against any component. Below are a list of styles you can add:

Margin (either just "margin:" or specific sides of a component like "margin-top:" or "margin-left:")
Padding (either just "padding:" or specific sides of a component like "padding-top:" or "padding-left:")
Max Width
Font
Border
ID

Examples:

max-width: 352px!important;
margin-bottom: 0 auto;
padding-top: 30px;

To center an image: margin:auto;
To center text/markdown: text-align: center;
To make a component go edge-to-edge: margin-left:-15px;margin-right:-15px