Szövegformázási tippek

Szövegformátumok

Filtered HTML

  • Engedélyezett HTML jelölők: <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>

  • A képek, beágyazott videók, idézetblokkok és más tömbös alakú elemek jobbra, balra és középre úsztathatók. Például egy kép igazítása így történhet:

    • Balra: <img src="" data-align="left" />
    • Középre: <img src="" data-align="center" />
    • Jobbra: <img src="" data-align="right" />
    • … és ez persze más tömbös elemekre is érvényes, például: <video src="" data-align="center" />
  • A tömbös alakú elemek (például képek, beágyazott videók, idézetblokkok, stb.) feliratozhatóak is. Pár példa:

    • <img src="" data-caption="Ez egy képaláírás" />
    • <video src="" data-caption="Jó a hangulat a Drupal-sprinten" />
    • <blockquote data-caption="Dries Buytaert">A Drupal szuper!</blockquote>
    • <code data-caption="Helló Világ JavaScriptül.">alert("Helló Világ!");</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 />.

Egyszerű szöveg

  • Engedélyezett HTML jelölők: <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>

    A webhelyen engedélyezett a HTML formátumú tartalom bevitele. Bár a HTML nyelv megtanulása túl nagy feladatnak tűnhet, néhány egyszerű jelölő alkalmazását könnyű elsajátítani. Ez a táblázat a webhelyen használható HTML jelölőket mutatja be.

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

    Jelölő leírása Beírandó Eredmény
    Alapértelmezés szerint a sortörések automatikusan bekerülnek a szövegbe; ezzel a jelölővel újabbakat lehet felvenni. A többi jelölővel ellentétben ezt nem párban kell használni, így a végén található " /" jelet is meg kell adni az XHTML 1.0 szabványnak megfelelően. Szöveg <br />sortöréssel Szöveg
    sortöréssel
    Alapértelmezés szerint a bekezdések automatikusan bekerülnek a szövegbe. Ezzel a jelölővel újabbakat lehet felvenni. <p>Első bekezdés.</p> <p>Második bekezdés.</p>

    Első bekezdés.

    Második bekezdés.

    Főcím <h2>Alcím</h2>

    Alcím

    Főcím <h3>Harmadrangú alcím</h3>

    Harmadrangú alcím

    Főcím <h4>Negyedrangú alcím</h4>

    Negyedrangú alcím

    Idézett <cite>Idézett</cite> Idézett
    A definíciós listákat a <dl> jelölővel kell létrehozni. Az elemen belül <dt> jelzi a definiált kifejezést, <dd> pedig a definíciót. <dl> <dt>Első kifejezés</dt> <dd>Első definíció</dd> <dt>Második kifejezés</dt> <dd>Második definíció</dd> </dl>
    Első kifejezés
    Első definíció
    Második kifejezés
    Második definíció
    dt HTML jelölőhöz nincs súgó.
    dd HTML jelölőhöz nincs súgó.
    img HTML jelölőhöz nincs súgó.
    Idézetet tartalmazó bekezdés <blockquote>Idézetet tartalmazó bekezdés</blockquote>
    Idézetet tartalmazó bekezdés
    Számozatlan felsorolás – a lista elemeit a <li> jelölővel kell megadni <ul> <li>Első listaelem</li> <li>Második listaelem</li> </ul>
    • Első listaelem
    • Második listaelem
    Számozott felsorolás – a lista elemeit a <li> jelölővel kell megadni <ol> <li>Első listaelem</li> <li>Második listaelem</li> </ol>
    1. Első listaelem
    2. Második listaelem
    drupal HTML jelölőhöz nincs súgó.
    Vastag betű <strong>Vastag betű</strong> Vastag betű
    Kiemelt <em>Kiemelt</em> Kiemelt
    Program forráskódját tartalmazó szöveg <code>Kód</code> Kód
    li HTML jelölőhöz nincs súgó.
    hr HTML jelölőhöz nincs súgó.
    A linkek más webhelyekre mutató kattintható hivatkozások. <a href="https://www.centropa.org">Centropa</a> Centropa
    drupal HTML jelölőhöz nincs súgó.

    A legtöbb speciális karakter probléma nélkül használható.

    Ha a karakterek rosszul jelennek meg, célszerű HTML karakterentitásokat alkalmazni – például az & karakter jelölése a következő módon történik: &amp;. A HTML szabvány tartalmazza a karakterentitások teljes listáját. Ezek közül néhány fontosabb karakterentitás:

    Karakter leírása Beírandó Eredmény
    & jel &amp; &
    Nagyobb jel &gt; >
    Kisebb jel &lt; <
    Idézőjel &quot; "
  • A webcímek és e-mail címek automatikusan kattintható hivatkozásokká alakulnak.
  • Az újsorokat és bekezdéseket a rendszer felismeri, a megjelenítésükhöz szükséges <br /> sortörés, <p> bekezdésnyitó és </p> bekezdészáró címkéket automatikusan beilleszti a szövegbe. Ha a bekezdések nem jelennek meg helyesen, a szövegbe illesztett üres sorok megoldják a problémát.