Fedezd fel Budapestet vezetett sétákon
Értesülj elsőként legújabb sétáinkról és programjainkról
Beágyazás-bemutató: minden egy cikkben
Ez a demo cikk a cikk-szerkesztő minden beágyazható elemét bemutatja: kártyát, modult, galériát, videót, űrlapot, kiemelt dobozt és gazdag belső linket.
Bevezető
Ez a cikk a szerkesztő MINDEN beágyazható elemét bemutatja — típusonként, az összes megjelenési variánssal egymás alatt. Új embed-komponens a jövőben először ide kerül be, hogy egy helyen meg lehessen mutatni. A beágyazás marker-only: a dokumentum csak azonosítót tárol, a megjelenítés a publikus oldalon, szerver-oldalon dől el.
Lásd még a kapcsolódó Kávéházi kultúra túra című cikkünket — a link a publikus URL-t render-időben oldja fel.
Nézd meg a Toplisták oldalt is — a menüpont-link a publikus útvonalat render-időben oldja fel.
Miért fontos? A beágyazott elemek nem fagyott HTML-t tárolnak, hanem azonosítót, amit a frontend a megfelelő komponensre (kártya / modul / lapozó / űrlap) old fel.
Beágyazott tartalom (Kártya)
Bármely tartalom (cikk, esemény, hely) kártyaként ágyazható be. A széles Kártya fektetett elrendezésű, a Tömör kicsi és középre igazított:
Beágyazott tartalom (Tömör)
Beágyazott podcast (Kártya)
A podcast-epizód a listaoldal kártyájával jelenik meg, és a külső epizódra (Spotify) mutat:
Beágyazott podcast (Tömör)
Beágyazott videó (YouTube)
Beágyazott videó (Médiatár)
Ugyanez Médiatárból feltöltött videófájllal — natív lejátszóként renderelődik:
Beágyazott galéria (Egy kép)
Egy galéria négy megjelenéssel szúrható be — mind a teljes galériát nyitja lightboxban:
Beágyazott galéria (Két kép)
Beágyazott galéria (Rács)
Beágyazott galéria (Lapozó)
Inline galéria (Egy kép)
Az inline galéria galéria-tartalom NÉLKÜL él a cikkben: a képlista a dokumentumban van, per-kép címmel és leírással. Ugyanaz a négy megjelenés, ugyanaz a renderelő:
Inline galéria (Két kép)
Inline galéria (Rács)
Inline galéria (Lapozó)
Beágyazott űrlap
Az alábbi űrlap valódi, beküldhető — a frontend a saját végpontjára POST-ol és szerver-oldalon újra validál (ADR 0006).
Beágyazott modul
A cikk törzsébe bármely meglévő modul beilleszthető — itt egy tartalom-ajánló modul:
Vége a bemutatónak. A beágyazások az egységes embed-node típusból (contentEmbed) renderelődnek az embedType diszkriminátor szerint; az inline galéria saját node-ként (inlineGallery) a képlistáját is maga hordozza.
Iratkozz fel hírlevelünkre!
Heti rendszerességgel küldjük a legérdekesebb cikkeinket, eseményeinket és ajánlatainkat.
Feliratkozás


