# Content using Wiki Markup

## Standard Confluence Wiki Markup

In artifacts **Content (TextContent)** Wiki Markup can be used. For formatting the text contained in a given **Content** please refer to the documentation:

* <https://confluence.atlassian.com/display/DOC/Confluence+Wiki+Markup>
* <https://en.wikipedia.org/wiki/Help:Wiki_markup#Special_characters>

### Example formatting in **Content** and appearance on the request

<table><thead><tr><th>Content (Text content)</th><th>request</th></tr></thead><tbody><tr><td><pre class="language-markup"><code class="lang-markup">*bold*
+underline+
-strikethrough-
_italic_
??quote??
Text with ^superscript^
Text with ~subscript~
\
\
New line after a larger gap
</code></pre></td><td><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FRNLfyf6SMUg7RR2ZHX6H%2Fimage2017-4-21_12-9-58(1).png?alt=media&#x26;token=18bcc890-a8c0-44f1-b270-092de78f4d58" alt="" data-size="original"></td></tr><tr><td><pre class="language-markup"><code class="lang-markup">h1. H1 heading
h3. H3 heading
h5. H5 heading
line: ----
{color:red}Text in red color{color}
Text {{monospaced}}
hyperlink: [Go to the Consdata company website|http://consdata.pl]
Image: !biz/logo_firmy.png!
</code></pre></td><td><img src="https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/zheIbg1JHuurJUecxpto/29k_files/image2017-4-21_12-10-27.png" alt=""></td></tr><tr><td><pre class="language-markup"><code class="lang-markup"><strong>Table:
</strong>
||header 1||header 2||header 3||
|loooooooooooooooooooooooooooooooooooong cell|cell A2|cell A3|
|cell B1|cell B2|cell B3|
</code></pre></td><td><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FFItjCEj7mW87J4fwAjo5%2Fimage2017-4-21_12-13-42.png?alt=media&#x26;token=af94dd4f-3071-4071-8667-6056287a05e2" alt="" data-size="original"></td></tr><tr><td><pre class="language-markup"><code class="lang-markup">Bulleted list:

item 1
item 2
\*\* item 2a
\*\*\* item 2b
\*\*\*\* item 2c
\*\*\*\*\* item 2d
\*\*\*\*\*\* item 2e
item 3 </code></pre></td><td><img src="https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/WbGPG9YlbenVYcIhCnub/29k_files/image2017-4-21_12-4-46.png" alt=""></td></tr><tr><td><pre class="language-markup"><code class="lang-markup">Numbering:

item 1
item 2
\*\* item 2a
\*\*\* item 2b
\*\*\*\* item 2c
\*\*\*\*\* item 2d
\*\*\*\*\*\* item 2e
item 3 </code></pre></td><td><img src="https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/naKr0dC8bhtnWLMw89Un/29k_files/image2017-4-21_12-5-6.png" alt=""></td></tr></tbody></table>

### Images

To insert an image in **Content** you need to place the path to the image between exclamation marks. If you want to add some attributes to the image (e.g. alternative text), you should use the tag `{img}`, which has the following syntax:

`{img:attribute_name1=attribute_value1:attribute_name2=attribute_value2...}path_to_image{img}`

An attribute can be any attribute supported by an HTML tag except `src` (<https://www.w3schools.com/tags/tag_img.asp>).

#### Examples

| Description                           | WikiMarkup                                             | Output                                                         |
| ------------------------------------- | ------------------------------------------------------ | -------------------------------------------------------------- |
| Image                                 | `!biz/1.png!`                                          |                                                                |
| Image with alternative text           | `{img:alt=Alternative text}biz/1.png{img}`             | `<img src='biz/1.png' alt='Alternative text' />`               |
| Image with alternative text and class | `{img:alt=Alternative text:class=class}biz/1.png{img}` | `<img src='biz/1.png' alt='Alternative text' class='class' />` |

#### Confluence Wiki Markup extensions

In addition to the standard Confluence Wiki Markup, we can use additional extensions:

`{span:class1}...{span}` -> is replaced with `<span class="class1">...</span>`

{% hint style="info" %}
Demo request: demoTextContentWikiMarkup
{% endhint %}