Loomio
Fri 2 Nov 2012 2:22AM

Markdown: text formatting made easy

RDB Richard D. Bartlett Public Seen by 154

Loomio uses "Markdown" to embed images and add text formatting to your discussions. You can switch Markdown on with the small grey icon beneath the comment box:

Here's a quick introduction to writing Markdown.

Headings

There are four different heading sizes, they get smaller as you go. Writing this...

# One hash heading
## Two hash heading
### Three hash heading
#### Four hash heading

Looks like this...
># One hash heading
>## Two hash heading
>### Three hash heading
>#### Four hash heading


Emphasis

You can use asterisks or underscores for emphasis. Writing this...

*italics with asterisks*  
_underline with underscores_
**bold with asterisks** or __bold with underscores__

Looks like this...

italics with asterisks
underline with underscores
bold with asterisks or bold with underscores


Lists:

i) Numbered Lists

Writing this...

My points are as follows:

1. First point.
2. Second point.
3. Third point.

Looks like this...

My points are as follows:

  1. First point.
  2. Second point.
  3. Third point.

ii) Bullet point list

Writing this...

My points are as follows:

* First point.
* Second point.
* Third point.

Looks like this...

My points are as follows:

  • First point.
  • Second point.
  • Third point.

>Note: You must add a new line before your first point (i.e. hit 'enter' twice before starting list).
>
>
>#### Correct
>
>
>Introduction Paragraph
>
>1. First Point
>2. Second Point
>3. Third point
>

>
>#### Incorrect
>
>
>Introduction Paragraph
>1. First Point
>2. Second Point
>3. Third point
>

>

Quotes

Just add a > before each paragraphso this...

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante justo, laoreet et elit eget, adipiscing posuere sapien. Aliquam ut elementum elit, vel vehicula elit. Sed nunc ligula, viverra at hendrerit quis, faucibus eget lacus. 

Looks like this...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante justo, laoreet et elit eget, adipiscing posuere sapien. Aliquam ut elementum elit, vel vehicula elit. Sed nunc ligula, viverra at hendrerit quis, faucibus eget lacus.



To download a PDF version of the recipe, [click here](https://example.com/scrambled-eggs.pdf).


Images

To embed an image in a comment, first it needs to be hosted somewhere (imgur.com is a good option), then you can include it like so:

![](http://path.to/image.jpg)

Horizontal Rules

These are the dividers that go across the screen. To add them use three dashes, asterisks or underscores in a row.

***
or
---
or
___

Code Inclusion

code can be included by using the 'tick' character ` (found on the same key as the tilde, ~).

`example Function() ` 

looks like:
example Function()


usesMarkdown = false
User.find(2).
update_attributes( uses_markdown: usesMarkdown )

looks like:

usesMarkdown = false
  User.find(2).
       update_attributes( uses_markdown: usesMarkdown )
RG

Robert Guthrie Sat 9 Mar 2019 8:56PM

Hi, this page might help:
https://www.loomio.org/markdown

In the last 2 examples we show links and images, try combining them - replace the words "Loomio Homepage" with the next whole line, and you should have a link around an image. Here's an example:

[![](https://i.imgur.com/Fvtworb.png)](https://www.google.com)

I'm sooo sorry that this is currently hard, we're working on a rewrite of Loomio's UI and I'm right now, this very day, working on a new super duper editor that will make all of this easy and intuitive. Hope we can release all this work in a couple of months.

EEO

Ehab Elia - Ouishare Sat 9 Mar 2019 2:07PM

and by the way, the unerlines is not functioning.

RG

Robert Guthrie Sat 9 Mar 2019 8:56PM

We'll bring them back in the new editor. Apologies again.