# Tworzenie i podpięcie artefaktu Treść

## Tworzenie artefaktu Treść

Nową **Treść (TextContent)** tworzymy w edytorze treści (więcej w [Edytor treści](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/4-tresci/tresc-textcontent/edytor-tresci)).

{% stepper %}
{% step %}

#### Utworzenie artefaktu

Przejść do modułu **Biblioteka**, a następnie do zakładki **Treści**. Kliknąć przycisk **Dodaj treść**.\
W wyświetlonym oknie dialogowym ustalić nazwę oraz lokalizację artefaktu. Kliknięcie przycisku **Dodaj treść** spowoduje otwarcie edytora treści.
{% endstep %}

{% step %}

#### Edytor treści - struktura okna

Okno edytora podzielone jest na części:

* W głównej części okna dodajemy treść i ewentualne style HTML.
* Poniżej znajduje się podgląd tworzonej treści (orientacyjny).
* Po lewej można dodać kolejne języki dla treści.

![Ilustracja 1. Edytor treści - tworzenie treści](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/PGFc2mtwcboWcxdu1nqs/26k_files/Zaznaczenie_101.png)
{% endstep %}
{% endstepper %}

## Dodanie nowego języka

Każda **Treść** (TextContent) może składać się z wersji w różnych językach. Wymagany jest minimum jeden. Aby dodać kolejną wersję językową, kliknij przycisk **Dodaj tłumaczenie** w lewym dolnym rogu edytora. Po lewej pojawi się nowy panel oznaczający wersję językową. W polu **NAZWA TŁUMACZENIA** podaj kod języka (wg normy ISO 639), a po prawej w górnym panelu wprowadź treść.

![Ilustracja 2. Dodanie nowego języka w tłumaczeniach treści](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/pM5sF0UbpSe1k84AeQ6T/26k_files/image2022-12-19_14-42-45.png)

## Formatowanie HTML i Wiki Markup

Zawartość artefaktu może być zapisana za pomocą jednego z dwóch języków:

* HTML (skrypty w treściach nie są wspierane przez platformę),
* Wiki Markup (patrz: [Confluence Wiki Markup](https://confluence.atlassian.com/display/DOC/Confluence+Wiki+Markup) oraz [strona z przykładowym formatowaniem](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/4-tresci/tresc-textcontent/tresc-przy-pomocy-wiki-markup)). Uwaga: tabele są obsługiwane tylko w najprostszej wersji ([zwykła tabela z nagłówkiem u góry](https://confluence.atlassian.com/display/DOC/Confluence+Wiki+Markup#ConfluenceWikiMarkup-Tables)).

Domyślnym sposobem formatowania jest HTML. Aby ustawić Wiki Markup, w źródle XML (gdzie podpięta jest Treść) dodaj dla TextContentu konfigurację w OutputFields: localName="markupType" serviceName="markupType".

## Podgląd tworzonej Treści

Po wpisaniu tekstu w górnej części okna, dolny panel pokaże jego orientacyjny wygląd (podgląd ma charakter poglądowy — nie jest wiernym odwzorowaniem artefaktu na wniosku).

{% hint style="info" %}
Autoformatowanie:

* "Sieroty" oraz jednoliterowe wyrazy (np. "i", "w", "z") zostaną automatycznie przeniesione do nowej linii.
* Duże liczby nie będą rozdzielane do nowego wiersza (np. "1 000 000 000").

Dzięki temu nie ma konieczności używania twardych spacji — tekst dynamicznie dostosowuje się do rozmiaru okna.
{% endhint %}

## Użycie artefaktu w komponentach

Utworzoną **Treść** (TextContent) najczęściej wykorzystujemy w następujących komponentach na wniosku:

* [Treść formatowana - TextContent](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/4-tresci/tresc-formatowana-textcontent)
* [Treść formatowana (zwijana) - RollableTextContent](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/4-tresci/tresc-formatowana-zwijana-rollabletextcontent)
* [Oświadczenia - Statements](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/7-komponenty-specjalne/oswiadczenia-statements)
* [Radio grupa - RadioGroup](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/2-pola-wyboru/radio/radio-grupa-radiogroup)

### Podpięcie artefaktu w komponencie Treść formatowana

Sposób podpięcia artefaktu zależy od komponentu, w którym chcesz zastosować Treść. Przykładowy sposób użycia w najczęściej wykorzystywanym komponencie — **Treść formatowana** — został opisany w: [Podpięcie i edycja Treści z poziomu wniosku](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/4-tresci/tresc-textcontent/podpiecie-i-edycja-tresci-z-poziomu-wniosku).

Dodatkowe zasoby:

* [Dobre praktyki WCAG dla low-code dev — HTML-Treści (TextContents) i komponenty niestandardowe (CustomComponents)](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/wcag/dobre-praktyki-wcag-ogolne-low-code)