Skip to main content
Skip table of contents

Markdown

Text fields in Picturepark have an additional option to render Markdown, which is a well-known syntax supported by various systems. Using Markdown in text fields allows basic formatting of descriptions, press kit content, or product descriptions, to highlight specific areas or structure longer text areas. 

Picturepark uses the following component: https://markdown-it.github.io which offers an online demo. Please ensure that all plugins (checkboxes at the top) are disabled as Picturepark does not support any plugins for now.

  • only available in text fields

  • can be disabled anytime in the text field settings

  • only renders in Picturepark detail item view

Find an online demo tool here: https://markdown-it.github.io/. Make sure you uncheck all plugins at the top e.g. linkify.

Additional help here: https://www.markdownguide.org/basic-syntax/

Markdown

HTML

Rendered Output

Headings

# Heading level 1

<h1>Heading level 1</h1>

Heading level 1

## Heading level 2

<h2>Heading level 2</h2>

Heading level 2

### Heading level 3

<h3>Heading level 3</h3>

Heading level 3

#### Heading level 4

<h4>Heading level 4</h4>

Heading level 4

##### Heading level 5

<h5>Heading level 5</h5>

Heading level 5

###### Heading level 6

<h6>Heading level 6</h6>

Heading level 6

BOLD

I really love **bold text**.

I really love <strong>bold text</strong>.

I really love bold text.

I really do love __bold text__.

I really do love <strong>bold text</strong>.

I really do love bold text.

Love**is**bold

Love<strong>is</strong>bold

Loveisbold

Italic

Italicized text is the *cat's meow*.

Italicized text is the <em>cat's meow</em>.

Italicized text is the cat’s meow.

Italicized text is the _cat's meow_.

Italicized text is the <em>cat's meow</em>.

Italicized text is the cat’s meow.

A*cat*meow

A<em>cat</em>meow

Acatmeow

This text is ***really important***.

This text is <strong><em>really important</em></strong>.

This text is really important.

This text is ___really important___.

This text is <strong><em>really important</em></strong>.

This text is really important.

This text is __*really important*__.

This text is <strong><em>really important</em></strong>.

This text is really important.

This text is **_really important_**.

This text is <strong><em>really important</em></strong>.

This text is really important.

This is really***very***important text.

This is really<strong><em>very</em></strong>important text.

This is reallyveryimportant text.

Blockquote

> Dorothy followed her through many of the beautiful rooms in her castle.

This displays as blockquote.

> Dorothy followed her through many of the beautiful rooms in her castle.

>

> Dorothy followed her through many of the beautiful rooms in her castle.

This displays as blockquote with multiple paragraphs.

Lists

  1. First item

  2. Second item

  3. Third item

  4. Fourth item

<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
</ol>

  1. First item

  2. Second item

  3. Third item

  4. Fourth item

  • First item

  • Second item

  • Third item

  • Fourth item

<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
</ul>

  • First item

  • Second item

  • Third item

  • Fourth item

+ First item
+ Second item
+ Third item
+ Fourth item

<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
</ul>

  • First item

  • Second item

  • Third item

  • Fourth item

![Tux, the Linux mascot](/assets/images/tux.png)

Place images with a link to the file.

My favorite search engine is [Duck Duck Go](https://duckduckgo.com).

Place links inside text.

At the command prompt, type `nano`.

At the command prompt, type <code>nano</code>.

At the command prompt, type nano.

<https://www.markdownguide.org>

<fake@example.com>

To quickly turn a URL or email address into a link, enclose it in angle brackets.

✅  Do this

❌  Don't do this

# Here's a Heading

#Here's a Heading

Love**is**bold

Love__is__bold

A*cat*meow

A_cat_meow

This is really***very***important text.

This is really___very___

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.