Markdown

Markdown is a syntax for formatting plain text in a way that can be easily converted to HTML.

Appfarm Create has built-in support for Markdown and uses the CommonMark specification, plus some syntax extensions such as tables and syntax highlighting for code.

Usage

Markdown is supported in the following elements:

• Text UI component, in the Text property.

• Map UI Component, in the Layers > Popup Text property.

• Open Confirm Dialog action node, in the Body Text property.

In each instance you must select the Enable Markdown checkbox in the component/action node properties.

Markdown is useful for applying formatting to parts of a longer text and for preserving line breaks in text. Note that the Text component has a dedicated property for preserving line breaks that does rely on Markdown.

Markdown-formatted can be stored in the database. You can have an admin interface for editing text with Markdown syntax using the Text Edit component, store the text in the database, and use a Text component with Markdown enabled to display the formatted text in your end-user app.

Syntax

*Italic*

**Bold**

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

[Visit the Appfarm website](https://appfarm.io)

![Image](https://url/image.png)

> Blockquote

`Inline code`

Code block
```
// Log Hello World to console
console.log('Hello World!')
```

* List
* List
* List

1. Ordered list
2. Ordered list
3. Ordered list

Horizontal rule
---

Tables

| Column 1 | Column 2 |
| -------- | ---------|
| Row 1 | Row 1 Sample Data |
| Row 2 | Row 2 Sample Data |
| Row 3 | Row 3 Sample Data |

Right Aligned Columns

| Column 1 | Column 2 |
| -------: | -------: |
| Row 1 | Row 1 Sample Data |
| Row 2 | Row 2 Sample Data |
| Row 3 | Row 3 Sample Data |

Center Aligned Columns

| Column 1 | Column 2 |
| :------: | :------: |
| Row 1 | Row 1 Sample Data |
| Row 2 | Row 2 Sample Data |
| Row 3 | Row 3 Sample Data |