Felhasználói eszközök

Eszközök a webhelyen


evir:fogalmak:html_szerkeszto

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ő.

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.
  • <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 → Általános beállítások menüpont Meta kulcs és Meta kulcs értéke mezője, nem a HTML tartalom.
  • <textarea>
    Többsoros beviteli mező. Az űrlapmezőket a modul adja — a kapcsolatfelvételi űrlapot például a 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_…]).

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

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ő


Kapcsolódó oldalak:

evir/fogalmak/html_szerkeszto.txt · legutóbbi módosítás: – Szerkesztő: claudera

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki