Wskazówki dotyczące tworzenia zawartości

Formaty tekstów

Filtered HTML

  • Dozwolone znaczniki HTML: <br> <p class="text-sm text-align-left text-align-center text-align-right"> <h2 id class="text-align-left text-align-center text-align-right"> <h3 id class="text-align-left text-align-center text-align-right"> <h4 id class="text-align-left text-align-center text-align-right"> <a class="big-button orange blue orange-outline blue-outline purple social-link facebook instagram linkedin twitter youtube" href data-entity-type data-entity-uuid data-entity-substitution> <cite> <dt> <dl class="text-align-left text-align-center text-align-right text-align-justify"> <dd class="text-align-left text-align-center text-align-right text-align-justify"> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <drupal-entity data- data-entity-type data-entity-uuid data-entity-embed-display data-entity-embed-display-settings data-align data-caption data-embed-button data-langcode alt title> <drupal-media title data-entity-type data-entity-uuid alt data-view-mode data-caption data-align> <strong> <em> <code> <blockquote> <ul> <ol start> <li> <hr>

  • Można wyrównywać do lewej, prawej lub wyśrodkować obrazy, filmy, cytaty i inne. Przykłady:

    • Wyrównanie obrazu do lewej: <img src="" data-align="left" />
    • Wyśrodkowanie obrazu: <img src="" data-align="center" />
    • Wyrównanie obrazu do prawej: <img src="" data-align="right" />
    • … można to też stosować w innych elementach: <video src="" data-align="center" />
  • Mozna podpisywać obrazy, filmy, cytaty i tak dalej. Przykłady:

    • <img src="" data-caption="To jest podpis" />
    • <video src="" data-caption="Taniec Drupala" />
    • <blockquote data-caption="Dries Buytaert">Drupal jest niesamowity!</blockquote>
    • <code data-caption="Witaj świecie w JavaScript.">alert("Witaj świecie!");</code>
  • You can embed media items:

    • Choose which media item to embed: <drupal-media data-entity-uuid="07bf3a2e-1941-4a44-9b02-2d1d7a41ec0e" />
    • Optionally also choose a view mode: data-view-mode="tiny_embed", otherwise the default view mode is used.
    • The data-entity-type="media" attribute is required for consistency.
  • Each email address will be obfuscated in a human readable fashion or, if JavaScript is enabled, replaced with a spam resistent clickable link. Email addresses will get the default web form unless specified. If replacement text (a persons name) is required a webform is also required. Separate each part with the "|" pipe symbol. Replace spaces in names with "_".
  • Replace empty paragraphs (e.g. <p></p> or <p>&nbsp;</p>) with <br />.

Czysty tekst

  • Dozwolone znaczniki HTML: <br> <p class="text-align-left text-align-center text-align-right text-align-justify"> <h2 id class="text-align-left text-align-center text-align-right text-align-justify"> <h3 id class="text-align-left text-align-center text-align-right text-align-justify"> <h4 id class="text-align-left text-align-center text-align-right text-align-justify"> <cite> <dl class="text-align-left text-align-center text-align-right text-align-justify"> <dt> <dd class="text-align-left text-align-center text-align-right text-align-justify"> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <blockquote cite class="text-align-left text-align-center text-align-right text-align-justify"> <ul type class="text-align-left text-align-center text-align-right text-align-justify"> <ol start type class="text-align-left text-align-center text-align-right text-align-justify"> <drupal-media data-view-mode data-align data-caption title data-entity-type data-entity-uuid alt> <strong> <em> <code> <li> <hr class="text-align-left text-align-center text-align-right text-align-justify"> <a hreflang name id data-entity-substitution data-entity-type data-entity-uuid title href class=" big-button orange blue outline orange-outline blue-outline purple"> <drupal-entity data- data-entity-type data-entity-uuid data-entity-embed-display data-entity-embed-display-settings data-align data-caption data-embed-button data-langcode alt title>

    Ten serwis pozwala na wprowadzanie zawartości w formacie HTML. Nauka tego języka może wydawać się skomplikowana, ale korzystanie z ograniczonego zestawu znaczników jest bardzo proste. Poniższa tabela pokazuje przykłady użycia każdego ze znaczników jaki jest dozwolony w serwisie.

    For more information see the HTML Living Standard or use your favorite search engine to find other sites that explain HTML.

    Opis znacznika Wpisuje się Otrzymuje się
    Domyślnie znaczniki nowych linii wstawiane są automatycznie, więc z takich znaczników należy korzystać tylko do wprowadzenia dodatkowych odstępów. Znacznik nowej linii różni się od innych, ponieważ nie występuje w dwóch wariantach (otwierającym i zamykającym). By być w zgodzie ze standardem XHTML 1.0, należy postawić znak " /" wewnątrz znacznika. Tekst ze <br />znakiem końca linii Tekst ze
    znakiem końca linii
    Domyślnie znaczniki akapitu dodawane są automatycznie, więc z takich znaczników należy korzystać tylko do wprowadzenia dodatkowych akapitów. <p>Akapit pierwszy.</p> <p>Akapit drugi.</p>

    Akapit pierwszy.

    Akapit drugi.

    Nagłówek <h2>Podtytuł</h2>

    Podtytuł

    Nagłówek <h3>Podtytuł trzeciego stopnia</h3>

    Podtytuł trzeciego stopnia

    Nagłówek <h4>Podtytuł czwartego stopnia</h4>

    Podtytuł czwartego stopnia

    Cytat <cite>Cytat</cite> Cytat
    Listy definicji są podobne do innych list HTML. Znacznik <dl> otwiera listę, <dt> otwiera termin definicji, a <dd> otwiera samą definicję. <dl> <dt>Pierwszy termin</dt> <dd>Pierwsza definicja</dd> <dt>Drugi termin</dt> <dd>Druga definicja</dd> </dl>
    Pierwszy termin
    Pierwsza definicja
    Drugi termin
    Druga definicja
    Brak objaśnienia dla znacznika dt.
    Brak objaśnienia dla znacznika dd.
    Brak objaśnienia dla znacznika img.
    Cytat blokowy <blockquote>Cytat blokowy</blockquote>
    Cytat blokowy
    Lista punktorowana - znacznik <li> otwiera nowy element listy <ul> <li>Pierwszy element</li> <li>Drugi element</li> </ul>
    • Pierwszy element
    • Drugi element
    Lista numerowana - znacznik <li> otwiera nowy element listy <ol> <li>Pierwszy element</li> <li>Drugi element</li> </ol>
    1. Pierwszy element
    2. Drugi element
    Brak objaśnienia dla znacznika drupal.
    Strong <strong>Strong</strong> Strong
    Zaakcentowanie <em>Zaakcentowanie</em> Zaakcentowanie
    Tekst zawierający kod programu <code>Kod</code> Kod
    Brak objaśnienia dla znacznika li.
    Brak objaśnienia dla znacznika hr.
    Znaczniki zwane kotwicami służą do tworzenia odnośników do innych stron. <a href="https://www.centropa.org">Centropa</a> Centropa
    Brak objaśnienia dla znacznika drupal.

    Większość nietypowych znaków może być wprowadzona bezpośrednio bez żadnych problemów.

    W celu obejścia problemów można wykorzystać encje HTML. Przykładowo &amp; aby uzyskać znak &. Pełna lista encji HTML jest w tym miejscu. Niektóre z dostępnych tam znaków to:

    Opis znaku Wpisuje się Otrzymuje się
    Znak ampersand &amp; &
    Większy niż &gt; >
    Mniejszy niż &lt; <
    Cudzysłów &quot; "
  • Adresy web oraz email zostaną automatycznie skonwertowane w odnośniki
  • Znaki końca linii i akapitu są automatycznie rozpoznawane. Znaczniki końca linii <br />, <p> akapitu </p> i końca akapitu </p> są wstawiane automatycznie. Jeśli akapity nie są rozpoznawane dodaj po prostu kilka pustych linii.