Foliovision now uses Markdown for formatting text in fields in our MLS listings software. You can use Markdown in either short or long description. Markdown also works throughout our project management system if you disable the WYSWIYG. This is a really quick practical guide to using Markdown without all the complicated advanced syntax only geeks need.

Micro Markdown Syntax Reference

Headers - ###
Bold - **word**
Italic - *word*
[link text](https://domain.com/page.html)
Numbered lists - 1., 2., 3.
Bullet point lists - *, -, +
Blockquote - > Quotation text, could span multiple lines and sentences.
Image - ![alttext](http://domain.com/image.jpg)

Short Markdown Syntax Guide

The page below contains examples of Markdown syntax.

Headings

Markdown and HTML

Paragraphs

Paragraphs are separated by empty lines. Within a paragraph it’s possible to have a line break, simply press <return> for a new line.

For example,
like this. 

Character styles

Horizontal lines

You can create horizontal lines with three or more:

*** - asterisks
--- - hyphens
____ - underlines

This is the equivalent of the HTML <hr> tag. Those horizontal lines will look like this:

Unordered list

* Item 1
* Item 2
* Item 3
  * Item 3a
  * Item 3b
  * Item 3c

Ordered list

1. Step 1
2. Step 2
3. Step 3
   1. Step 3.1
   2. Step 3.2
   3. Step 3.3

List in list

1. Step 1
2. Step 2
3. Step 3
   * Item 3a
   * Item 3b
   * Item 3c

Quotes or citations

Introducing my quote:

> Neque porro quisquam est qui 
> dolorem ipsum quia dolor sit amet, 
> consectetur, adipisci velit...

Inline code characters

Use the backtick to refer to a `function()`.

There is a literal ``backtick (`)`` here.

Code blocks

Use 3 backtick quote marks before and after the block, like this:

```
This is a code block
```

Links to external websites

This is [an example](http://www.example.com/) of an inline link.

This is an example of an inline link.

Links are also auto-detected in text: http://example.com/

Images

Inline image syntax looks like this:

![Alt text](https://cdn.foliovision.com/path/to/image.png "Optional title attribute")
![Alt text](https://domain.com/imageso/image.jpg)

For example:

![Great looking yard](http://myrealestatesite.com/image/great-looking-yard.png)

Videos

The video syntax here is not Markdown spec but created for your ease of use. You can post any of

• a YouTube link: https://www.youtube.com/watch?v=eRrnUD6MtWo
• a Vimeo link: https://vimeo.com/196881410
• a direct link to an MP4: http://foliovision.com/videos/dominika-960.mp4

and your video will show up in FV Player, our pro video player (a license for FV Player Pro is included with your hosting) like this.

03:25

Link

Embed

Copy and paste this HTML code into your webpage to embed.

Updated Foliovision Final Promo Video with Websites

Do not copy iframes over from YouTube or Vimeo.

Tables

| Schools     | Number
| :--------|:---------:|
| Primary  | three   |
| Secondary | two | 

will appear as

The left hand column is left-aligned. The second column is center aligned.

Additional references

The above is a simplified guide to Markdown with the best practices for headings, links and images. It doesn’t include syntax for footnotes for example or alternate formats for headings. We recommend writing Markdown in either Mou or Typora (for table support).

If you fall in love with writing in Markdown — Markdown is a revelation — in terms of writing lists and links, there is even an email client for OS X called Mailmate which allows you to write in Markdown full time.

• Foliovision review of Markdown clients
• John Gruber’s original explanation of syntax.
• Markdown Cheat Sheet.
• Mike McLin’s video guide to why you should love Markdown. Our featured image is his “i heart markdown graphic”.
• The Ghost Guide to Markdown.

Alec Kinnear

Alec has been helping businesses succeed online since 2000. Alec is an SEM expert with a background in advertising, as a former Head of Television for Grey Moscow and Senior Television Producer for Bates, Saatchi and Saatchi Russia.