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
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 | | |
First item Second item Third item Fourth item
| <ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
</ol>
| 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
|
Images & Links | | |
| | 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___
|
| |
