===== HTML szerkesztő (WYSIWYG) =====

Az eVIR több menüpontjában ugyanaz a **HTML szerkesztő** jelenik meg: ebben készül a webshop sablonjainak, a HTML oldalaknak, a tartalomelemeknek, az e-mail sablonoknak és a dokumentumoknak a HTML tartalma. A szerkesztő eszköztárának ''**</>**'' gombja //kódnézetre// vált, ahol a HTML forrás közvetlenül szerkeszthető.

<color red>{{fa>exclamation-circle?lg}}</color> **A szerkesztő bizonyos HTML tageket nem engedi át. Ezek figyelmeztetés nélkül eltűnnek a tartalomból:** a mentés sikeres, a tartalom kinézetre hibátlan, a kiszűrt tag viszont nincs benne. A szerkesztő felületén **vissza sem tehető**, mert a tartalom minden mentéskor újra átmegy a szerkesztőn — így ezek a tagek ezen a szerkesztőn keresztül nem rögzíthetők. A szűrés mérhetően akkor történik, amikor a tartalom a kódnézetből visszakerül a szerkesztő-nézetbe.

----

==== Kiszűrt HTML tagek ====

A szerkesztő komponens saját, beépített listája alapján a következő tagek esnek ki:

  * ''**<script>**'' \\ Beágyazott vagy külső JavaScript. A webshop boxainak működéséhez tartozó JavaScriptet a rendszer maga tölti be, a sablonba nem kell — és nem is kerülhet.

  * ''**<style>**'' \\ Stíluslap-blokk. Helyette a HTML elemek ''style'' attribútuma használható, lásd: [[#ami_megmarad|Ami megmarad]].

  * ''**<link>**'' \\ Külső stíluslap vagy egyéb erőforrás hivatkozása.

  * ''**<meta>**'' \\ Fejléc-metaadat. Ezek helye a **Webshop -> Beállítás -> [[evir:webshop:altalanos_beallitasok|Általános beállítások]]** menüpont //Meta kulcs// és //Meta kulcs értéke// mezője, nem a HTML tartalom.

  * ''**<title>**'' \\ Lapcím. A webshop lapcíme ugyancsak az [[evir:webshop:altalanos_beallitasok|Általános beállítások]] között állítható.

  * ''**<textarea>**'' \\ Többsoros beviteli mező. Az űrlapmezőket a modul adja — a kapcsolatfelvételi űrlapot például a [[evir:webshop:kapcsolat_oldal|Kapcsolat oldal]] —, szerkeszthető tartalomból nem vehetők fel.

  * ''**<object>**'', ''**<embed>**'' \\ Beágyazott külső objektum.

  * ''**<base>**'', ''**<frame>**'', ''**<frameset>**'', ''**<applet>**'', ''**<bgsound>**'', ''**<blink>**'', ''**<layer>**'', ''**<ilayer>**'', ''**<xml>**'' \\ Elavult, illetve a lap egészére hatást gyakorló tagek. A gyakorlatban nem fordulnak elő.

----

==== Ami megmarad ====

A szűrés **csak a fenti tagekre** vonatkozik, a szerkesztésnél megszokott többi szerkezet érintetlen marad:

  * a HTML elemek **''style'' attribútuma** (például ''<div style="color:#ffffff">'') — a ''<style>'' blokk kiváltására ez a járható út, és e-mailben amúgy is ez a megbízható megoldás,
  * az egyedi attribútumok (például ''data-...''),
  * a tartalom nélküli elemek, mint az ikonok (''<i class="fa-solid fa-envelope"></i>''),
  * a HTML-kommentek (''<!-- ... -->''), amivel egy sablonrész kikapcsolható,
  * a behelyettesítő jelölések (''{szoveg:...}'', ''{adat...}'', ''[evir_oldal_...]'').

<color green>{{fa>lightbulb-o?lg}}</color> A **Minta betöltése** gomb a rendszer saját mintáját írja a mezőbe, a mentés viszont ezután is a szerkesztőn keresztül történik. Ha egy minta kiszűrt taget tartalmazna, az a mentéssel akkor is kiesne — a szállított minták ezért nem tartalmaznak ilyet.

----

==== Miért van így ====

<color red>{{fa>exclamation-circle?lg}}</color> A szűrés a szerkesztő komponens beépített viselkedése, amit az eVIR **szándékosan nem kapcsol ki**: a szerkeszthető tartalom a publikus weboldalra, illetve a kiküldött levelekbe kerül, ahol a beágyazott kód biztonsági kockázatot jelent. A HTML tartalom szerkesztése így a megjelenítésre és a formázásra szorítkozik, a működést pedig a modulok adják.

----

==== Hol jelenik meg ez a szerkesztő ====

  * [[evir:webshop:webshop_sablon|Webshop sablon]] — a webshop oldalrészeinek HTML sablonjai, nyelvenként is
  * [[evir:public_web:webshop_header_trailer|HTML header-trailer]] — a minden lapon megjelenő fejléc és lábléc tartalma
  * [[evir:public_web:oldal|Oldalak]] — egyedi HTML oldalak
  * [[evir:public_web:rendszeroldalak|Rendszeroldalak]] — a rendszer által használt oldalak tartalma
  * [[evir:public_web:tartalomelem|Tartalomelemek]] — sablonokba beágyazható, önálló HTML tartalmak
  * [[evir:webshop:kapcsolat_oldal|Kapcsolat oldal]] — a kapcsolatfelvételi űrlap fejléce és lábléce
  * [[evir:public_web:webshop_email_tartalom|Webshop email tartalom]] — a webshop által kiküldött levelek szövege
  * [[evir:torzsadatok:penzugyi:email_sablon_tartalom|Bizonylat email sablon tartalma]] — a bizonylatokhoz küldött levelek sablonja
  * [[evir:dokumentum:dokumentum_szerkesztese|Dokumentum szerkesztése]] — a dokumentum-modul HTML tartalma
  * **TMS levél sablon** — a //TMS -> Törzsadatok -> TMS levél sablon// menüpont alatt
  * **Utazás modul** — az utazás-információ, a jegy és a program //Leírás// mezője

----

__Kapcsolódó oldalak:__
  * [[evir:webshop:webshop_sablon|Webshop sablon]]
  * [[evir:webshop:webshop_osszerakas|Webshop összeállítás]]
  * [[evir:webshop:altalanos_beallitasok|Webshop általános beállítások]]
  * [[evir:public_web:webshop_header_trailer|HTML header-trailer]]
  * [[evir:fogalmak:privilegium|Privilégiumok]]