Szövegformázási tippek

Szövegformátumok

Plain text

  • A HTML jelölők használata nem megengedett.
  • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
  • A sorokat é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.

Full HTML

  • A sorokat é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.
  • Videó szűrő

    Be lehet illeszteni videókat a közkedvelt videós webhelyekről egy egyszerű jelölő [video:URL] segítségével.

    Példák:

    • Egyszerű videó:
      [video:http://www.youtube.com/watch?v=uN1qUeId]
    • Véletlenszerű videó többől:
      [video:http://www.youtube.com/watch?v=uN1qUeId1,http://www.youtube.com/watch?v=uN1qUeId2]
    • Alapértelmezés szerinti automatikus lejátszás felülírása: [video:http://www.youtube.com/watch?v=uN1qUeId autoplay:1]
    • Alapértelmezés szerinti szélesség és magasság felülírása:
      [video:http://www.youtube.com/watch?v=uN1qUeId width:X height:Y]
    • Alapértelmezés szerinti képarány felülírása:
      [video:http://www.youtube.com/watch?v=uN1qUeId ratio:4/3]
    • Videó igazítása:
      [video:http://www.youtube.com/watch?v=uN1qUeId align:right]

    Támogatott webhelyek: Archive.org, Blip.tv, Candid Career, Capped, College Humor, Coub, DailyMotion, DemocracyNow Fullshow, DemocracyNow Story, Flickr diavetítések, Flickr videó, Fox News, Game Trailers, Game videók, Giphy, GodTube, Google videó, Instagram, Meta Cafe, Mail.Ru, MySpace, MyVideo, Picasa diavetítések, Rutube, Slideshare, Streamhoster, Teachertube, TED, Twitch, Ustream, Vbox7, Vimeo, Vine, whatchado, Wistia, YouKu, YouTube, YouTube (Playlist).

    Speciális utasítások:

    Némely kodeknek speciális bementre van szüksége. Itt megtalálhatók ezek az információk.
    • Picasa diavetítések:
      A Picasa album RSS csatornájának webcímét kell használni:
      1. Az album megtekintése a Picasa-ban (bélyegképek fognak megjelenni, nem diavetítés).
      2. Az „RSS” hivatkozást meg kell keresni, és rákattintani.
      3. Copy the resulting URL from the browser address bar. Example:
        [video: http://picasaweb.google.com/data/feed/base/user/USER_NAME/albumid/5568104935784209834?alt=rss&kind=photo&hl=en_US]
    • Slideshare:
      You need to construct your own URL, using the "Wordpress Embed" code from Slideshare, extract the "id", and form the URL like this: slideshare.net/1759622
    • TED:
      Click in Embed and copy the "Link to this talk" link and paste here.

Filtered HTML

  • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
  • Engedélyezett HTML jelölők: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <br /> <span> <br>

    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.

    További információ a W3C HTML Specifications című oldalán olvasható, vagy a HTML jelölőnyelvvel foglalkozó webhelyeken, amelyeket a keresők segítségével találhatunk meg.

    Jelölő leírásaBeírandóEredmény
    A linkek más webhelyekre mutató kattintható hivatkozások.<a href="https://onlinecamera.net">ONLINECAMERA - IP kamerák, biztonsági kamerák, rögzítők</a>ONLINECAMERA - IP kamerák, biztonsági kamerák, rögzítők
    Kiemelt<em>Kiemelt</em>Kiemelt
    Hangsúlyos a környezetben: betűvastagság<strong>Hangsúlyos a környezetben: betűvastagság</strong>Hangsúlyos a környezetben: betűvastagság
    Idézett<cite>Idézett</cite>Idézett
    Idézetet tartalmazó bekezdés<blockquote>Idézetet tartalmazó bekezdés</blockquote>
    Idézetet tartalmazó bekezdés
    Program forráskódját tartalmazó szöveg<code>Kód</code>Kód
    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
    A li HTML jelölőhöz nincs súgó.
    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ó
    A dt HTML jelölőhöz nincs súgó.
    A dd HTML jelölőhöz nincs súgó.
    Alapértelmezésben 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ésselSzöveg
    sortöréssel
    A span HTML jelölőhöz nincs súgó.
    Alapértelmezésben 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ésselSzöveg
    sortöréssel

    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. Néhány fontosabb karakterentitás:

    Karakter leírásaBeírandóEredmény
    & jel&amp;&
    Nagyobb jel&gt;>
    Kisebb jel&lt;<
    Idézőjel&quot;"