Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

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/

  • only available in text fields

  • can be disabled anytime in the text field settings

  • only renders in Picturepark detail item view

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. Some basic examples of Markdown syntax are: 

Markdown

HTML

Rendered Output

# 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

I just love **bold text**.

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

I just love bold text.

I just love __bold text__.

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

I just love bold text.

Love**is**bold

Love<strong>is</strong>bold

Loveisbold

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.

> 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.

  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

  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

  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

  1. First item

  2. Second item

  3. Third item

  4. Indented item

  5. Indented item

  6. Fourth item

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

  1. First item

  2. Second item

  3. Third item

    1. Indented item

    2. Indented item

    3. 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

+ 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

  • Indented item

  • Indented item

  • Fourth item

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

  • First item

  • Second item

  • Third item

    • Indented item

    • Indented 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___

  • No labels

FotoWare Switzerland AG - CH-5033 Buchs - Switzerland
https://picturepark.com - support@picturepark.com
© 2024 Fotoware Switzerland AG