# Treść przy pomocy Wiki Markup

## Standardowy Confluence Wiki Markup

W artefaktach **Treść (TextContent)** można wykorzystać Wiki Markup. W kwestii formatowania tekstu zawartego w danej **Treści** należy się odnieść do dokumentacji:

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

### Przykładowe formatowanie w **Treści** i wygląd na wniosku

<table><thead><tr><th>Treść (Text content)</th><th>wniosek</th></tr></thead><tbody><tr><td><pre class="language-markup"><code class="lang-markup">*pogrubienie*
+podkreślenie+
-przekreślenie-
_kursywa_
??cytat??
Tekst z ^indeksem górnym^
Tekst z ~indeksem dolnym~
\
\
Nowa linia po większym odstępie
</code></pre></td><td><img src="https://1082717226-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. Nagłówek H1
h3. Nagłówek H3
h5. Nagłówek H5
linia: ----
{color:red}Tekst w kolorze czerwonym{color}
Tekst {{jednakowej szerokości}}
hiperlink: [Przejdź do strony firmy Consdata|http://consdata.pl]
Obrazek: !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>Tabela:
</strong>
||nagłówek 1||nagłówek 2||nagłówek 3||
|dłuuuuuuuuuuuuuuuuuuuuuuuga komórka|komórka A2|komórka A3|
|komórka B1|komórka B2|komórka B3|
</code></pre></td><td><img src="https://1082717226-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">Wypunktowanie:

pozycja 1
pozycja 2
\*\* pozycja 2a
\*\*\* pozycja 2b
\*\*\*\* pozycja 2c
\*\*\*\*\* pozycja 2d
\*\*\*\*\*\* pozycja 2e
pozycja 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">Numerowanie:

pozycja 1
pozycja 2
\*\* pozycja 2a
\*\*\* pozycja 2b
\*\*\*\* pozycja 2c
\*\*\*\*\* pozycja 2d
\*\*\*\*\*\* pozycja 2e
pozycja 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>

### Obrazki

Aby wstawić obrazek w **Treści** należy umieścić ścieżkę do obrazka pomiędzy wykrzyknikami. Jeżeli chcemy do obrazka dodać jakieś atrybuty (np. treść alternatywną) należy skorzystać ze znacznika `{img}`, który ma następującą składnię:

`{img:nazwa_atrybutu1=wartość_atrybutu1:nazwa_atrybutu2=wartość_atrybutu2...}ścieżka_do_obrazka{img}`

Atrybutem może być dowolny atrybut wspierany przez HTML-owy tag poza `src` (<https://www.w3schools.com/tags/tag_img.asp>).

#### Przykłady

| Opis                                   | WikiMarkup                                               | Wyjście                                                          |
| -------------------------------------- | -------------------------------------------------------- | ---------------------------------------------------------------- |
| Obrazek                                | `!biz/1.png!`                                            |                                                                  |
| Obrazek z treścią alternatywną         | `{img:alt=Treść alternatywna}biz/1.png{img}`             | `<img src='biz/1.png' alt='Treść alternatywna' />`               |
| Obrazek z treścią alternatywną i klasą | `{img:alt=Treść alternatywna:class=klasa}biz/1.png{img}` | `<img src='biz/1.png' alt='Treść alternatywna' class='klasa' />` |

#### Rozszerzenia Confluence Wiki Markup

Oprócz standardowego Confluence Wiki Markup możemy używać dodatkowych rozszerzeń:

`{span:class1}...{span}` -> zostaje zamienione na `<span class="class1">...</span>`

{% hint style="info" %}
Wniosek demo: demoTextContentWikiMarkup
{% endhint %}