Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: html tag pro zobrazení zdrojáku

Aktivity
Avatar
Martin Suchodol:17.1.2015 16:08

Zdravím, můj dotaz a problém je triviální, potřebuji na webu zobrazit výtah zdrojového kódu avšak úplně nejobyčejnější bez řádkováni, zvýraznění syntaxe a čehokoliv dalšího. Proto si vystačím s tím nejprimitivnějším způsobem ideálně nějakým html tagem pokud tedy existuje.

 
Odpovědět
17.1.2015 16:08
Avatar
Odpovídá na Martin Suchodol
Tomáš Maňhal:17.1.2015 16:11

Zkus tag

<code></code>

, měl by problém vyřešit :-)

Editováno 17.1.2015 16:11
 
Nahoru Odpovědět
17.1.2015 16:11
Avatar
Martin Suchodol:17.1.2015 16:17

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

 
Nahoru Odpovědět
17.1.2015 16:17
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Martin Suchodol
Jan Lupčík:17.1.2015 16:24

A co použít

<pre></pre>

? :)

Nahoru Odpovědět
17.1.2015 16:24
TruckersMP vývojář
Avatar
Martin Suchodol:17.1.2015 16:29

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

 
Nahoru Odpovědět
17.1.2015 16:29
Avatar
Odpovídá na Martin Suchodol
Tomáš Maňhal:17.1.2015 16:31
<code></code>

By mělo fungovat pro inline a

<pre></pre>

pro bloky.

Editováno 17.1.2015 16:31
 
Nahoru Odpovědět
17.1.2015 16:31
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Martin Suchodol
Jan Lupčík:17.1.2015 16:32

Ještě mě napadá

<code><pre></pre></code>

nebo obráceně, teď přesně nevím.

Nahoru Odpovědět
17.1.2015 16:32
TruckersMP vývojář
Avatar
Odpovídá na Jan Lupčík
Tomáš Maňhal:17.1.2015 16:34

Podle mě to tak je. Samotné inline vložíš do code každý zvlášť a pak to celé jako blok zabalíš do pre

Editováno 17.1.2015 16:34
 
Nahoru Odpovědět
17.1.2015 16:34
Avatar
Odpovídá na Martin Suchodol
Neaktivní uživatel:17.1.2015 16:36

Řešením je v php funkce

htmlspecialchars();

nebo můžeš použít něco z javascriptu. Přes html tagy to nepůjde.

Nahoru Odpovědět
17.1.2015 16:36
Neaktivní uživatelský účet
Avatar
Odpovídá na Jan Lupčík
Martin Suchodol:17.1.2015 16:36

ani tato varianta nezabírá

 
Nahoru Odpovědět
17.1.2015 16:36
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Martin Suchodol
Jan Lupčík:17.1.2015 16:39

Tak už fakt nevím. Mně tohle vždy fungovalo. :(

Nahoru Odpovědět
17.1.2015 16:39
TruckersMP vývojář
Avatar
Odpovídá na Neaktivní uživatel
Martin Suchodol:17.1.2015 16:41

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.

 
Nahoru Odpovědět
17.1.2015 16:41
Avatar
Odpovídá na Martin Suchodol
Neaktivní uživatel:17.1.2015 16:45

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? :)

Nahoru Odpovědět
17.1.2015 16:45
Neaktivní uživatelský účet
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Martin Suchodol
Jan Lupčík:17.1.2015 16:51

A co použít HTML entity? :)

Nahoru Odpovědět
17.1.2015 16:51
TruckersMP vývojář
Avatar
Martin Suchodol:17.1.2015 16:52

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

 
Nahoru Odpovědět
17.1.2015 16:52
Avatar
Odpovídá na Martin Suchodol
Neaktivní uživatel:17.1.2015 16:55

Ten blok převedeš na entity nějakou online službou, nebo na to v php použiješ htmlspecialchars..

http://www.itnetwork.cz/…ntity-a-zpet

Editováno 17.1.2015 16:56
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
17.1.2015 16:55
Neaktivní uživatelský účet
Avatar
Tonda Kozák
Člen
Avatar
Tonda Kozák:17.1.2015 16:59

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.

 
Nahoru Odpovědět
17.1.2015 16:59
Avatar
Odpovídá na Martin Suchodol
Michal Šmahel:17.1.2015 17:02

Tak tam prostě používej HTML entity a code. Tohle by vypadalo takto:
---nějaký text---

<code>
 &lt;form method="POST" action="#"&gt;<br />
       &lt;select name="osloveni_3"&gt;<br />
          &lt;option&gt;Woman&lt;/option&gt;<br />
          &lt;option&gt;Man&lt;/option&gt; <br />
       &lt;/select&gt; <br />
       &lt;input type="text" name="name_3"&gt;<br />
       &lt;input type="submit" name="Odeslat_V3" value="Send"&gt;<br />
    &lt;/form&gt;
</code>

---nějaký text---

Editováno 17.1.2015 17:03
Nahoru Odpovědět
17.1.2015 17:02
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Martin Suchodol:17.1.2015 17:05

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

 
Nahoru Odpovědět
17.1.2015 17:05
Avatar
Michal Šmahel:17.1.2015 17:06

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

Nahoru Odpovědět
17.1.2015 17:06
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Odpovídá na Michal Šmahel
Martin Suchodol:17.1.2015 17:07

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

 
Nahoru Odpovědět
17.1.2015 17:07
Avatar
Neaktivní uživatel:17.1.2015 17:07

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;
Nahoru Odpovědět
17.1.2015 17:07
Neaktivní uživatelský účet
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Martin Suchodol
Jan Lupčík:17.1.2015 17:08

A já jsem nepsal, abys použil HTML entity? Koukni se výše. ;)

Nahoru Odpovědět
17.1.2015 17:08
TruckersMP vývojář
Avatar
Odpovídá na Martin Suchodol
Michal Šmahel:17.1.2015 17:12

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.

Nahoru Odpovědět
17.1.2015 17:12
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Michal Šmahel:17.1.2015 17:14

Ještě něco mimo: Můžeš si na to napsat vlastní aplikaci v PHP nebo v JS (tu ti tady radí Fredep).

Nahoru Odpovědět
17.1.2015 17:14
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Odpovídá na Michal Šmahel
Martin Suchodol:17.1.2015 17:21

take reseni ale v pripade ze bych se do toho pustil tak bych to trochu rozsiril, aby to umelo i syntaxi cislovani atd

 
Nahoru Odpovědět
17.1.2015 17:21
Avatar
Odpovídá na Martin Suchodol
Michal Šmahel:17.1.2015 17:30

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) :D.

Nahoru Odpovědět
17.1.2015 17:30
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 27 zpráv z 27.