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

« Previous Version 6 Current »

Text fields in Picturepark have an additional option to render Markdown, 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 currently support any plugins.

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

  • No labels