Diskuze: html tag pro zobrazení zdrojáku
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 27 zpráv z 27.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zkus tag
<code></code>
, měl by problém vyřešit 
bohužel ten jsem zkoušel text se převede do strojopisu a html tagy se provedou jak mají ohledně php není co řešit ale jde mi hlavně o ty html tagy
pořád stejné ve chvíli kdy dojde například na kód
<input type="text" name="name" >
tak se prostě zobrazí formulářové pole
<code></code>
By mělo fungovat pro inline a
<pre></pre>
pro bloky.
Ještě mě napadá
<code><pre></pre></code>
nebo obráceně, teď přesně nevím.
Podle mě to tak je. Samotné inline vložíš do code každý zvlášť a pak to celé jako blok zabalíš do pre
Řešením je v php funkce
htmlspecialchars();
nebo můžeš použít něco z javascriptu. Přes html tagy to nepůjde.
Ano tato funkce je mi známá ovšem to má zase jiný negativní dpad a to ten že v jeden okamžik mohu chtít zobrazit jak html tak php proto jsem hledal html tag.
Pokud to dobře chápu, tak chceš na stránce pomocí javascriptu přepínat
mezi zobrazením html kódu a "spuštěním" html kódu... Mám pravdu? 
nn nechci nic přepínat. Na stránce je nějaký text bla bla bla následuje blok ve kterém je daný zdrojový kód ale já potřebuji zamezit jeho vykonání. Lepší bude příklad tj.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Zde se bude nacházet zdroják například obyčejný form který si od nás vezme pohlaví tedy:
<form method="POST" action="#">
<select name="osloveni_3">
<option>Woman</option>
<option>Man</option>
</select>
<input type="text" name="name_3">
<input type="submit" name="Odeslat_V3" value="Send">
</form>
a zde bude pokračovat text.
Mám to pro osobní použití proto si vystačím s nejprimitivnějším použitím jaké existuje
Ten blok převedeš na entity nějakou online službou, nebo na to v php použiješ htmlspecialchars..
Můžeš si nastylovat tag textarea, nebo využít tag xmp
Značky code a pre jsou důležité ze sémantického hlediska. Pre umí ještě zachovávat bílé znaky.
Tak tam prostě používej HTML entity a code. Tohle by vypadalo takto:
---nějaký text---
<code>
<form method="POST" action="#"><br />
<select name="osloveni_3"><br />
<option>Woman</option><br />
<option>Man</option> <br />
</select> <br />
<input type="text" name="name_3"><br />
<input type="submit" name="Odeslat_V3" value="Send"><br />
</form>
</code>
---nějaký text---
No řešení od Neaktivní uživatel a Tonda Kozák funkční ovšem ted uz staci jen rozhodnout které využít pouziti tagu <xmp> by vyžadovalo přidat funkci pomoci js do textarea ale php se očividně vykoná proto asi zůstanu u převodu pomocí online nástroje
Začal jsem to psát a neviděl jsem odpověď od Neaktivní uživatel. Omlouvám se za zbytečnou odpověď navíc, ta od Fredep-a je dobrá.
to sice jo a představ si že takhle budes psat psat ne 8 řádků ale třeba 20 z toho bych se po**** ano je tu ta varianta napsat kod pak to hromadne upravit v sublime textu a prekopirovat do textarea ale to uz me casove lip vyjde ten online nastroj
Jen dodám...
// Načteme div obsahující čistý html kód
f = document.getElementById("muj_zdrojak");
// Převedeme jej na entity
f.textContent = f.innerHTML;
// Převedeme jej zpět na html kód
f.innerHTML = f.textContent;
A já jsem nepsal, abys použil HTML entity? Koukni se výše. 
Já jeho odpověď při psaní komentáře ještě neviděl, proto jsem napsal i svůj názor. Fredep má určitě jednoduší postup.
Ještě něco mimo: Můžeš si na to napsat vlastní aplikaci v PHP nebo v JS (tu ti tady radí Fredep).
take reseni ale v pripade ze bych se do toho pustil tak bych to trochu rozsiril, aby to umelo i syntaxi cislovani atd
Vždyť ano, to by bylo na něm, co si tam dá. Nebo mu to může někdo
udělat (kdyby se tu někdo po večerech nudil)
.
Zobrazeno 27 zpráv z 27.
