Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak pokazać kod html na stronie www

Założony przez  adam-as.

Witam,

szukam sposobu na pokazanie kodu html na stronie www.
Textarea odpada ponieważ jest różnie interpretowane przez różne przeglądarki.
Highlighter również odpada, ponieważ nie wszyscy są na tyle bystrzy,
żeby kliknąć w ikonkę, a nie zaznaczać na stronie z wypunktowaniem
linii 1,2,3,4,5,6... - potem się dziwią, że skopiowany kod nie działa.

Googlarkę już zmęczyłem dlatego zwracam się z tym do Was.
Zastępowanie znaków <> wersją pisaną tez odpada bo później
ciężko to edytować w źródle - jest nieczytelne.

Chodzi o coś co pozwoli mi umieścić kod w jakiejś ładnej i prostej ramce,
tak samo wyświetlanej w IE, FF, CHROME i Operze.
<code></code> ?
Nie rozumiem?
Przecież to nic nie zmienia. Kod się normalnie wykonuje.
Nie chodzi o forum mybb, ale o niezależną stronę internetową.
Nie wiem czy się dobrze zrozumieliśmy.
Raczej będziesz musiał użyć PHP i funkcji
htmlspecialchars(); 
Innego rozwiązania nie znam :P
Bez PHP (Ezio wyżej podał funkcję) to chyba tylko z tabelą ASCII, ale jak tego kodu będzie bardzo dużo to będzie to żmudna robota...
Chcę aby można tam było umieścić kod PHP, HTML oraz java.
Naprawdę nie ma jakiegoś prostego sposobu?
Bardzo ładne ramki na stronie ma kurshtml http://www.kurshtml.edu.pl/skrypty/skryp...ijane.html
albo php-fusion
http://www.php-fusion.pl/forum/viewthrea...d_id=21010

Mi już nie chodzi o takie zbajerowane, ale po prostu zwykłe ramki, żeby
suwak i obramowanie było identyczne pod każdą przeglądarką.
A nie ma czegoś z wykorzystaniem jquery?

A co myślicie o zastosowaniu

<input type="text" name="nazwa" class="stylCSS" value="TUTAJ KOD" onclick="this.focus();this.select();" size="36px" style="hight:100px;">

Co prawda trzeba zamieniać <> na encje ale znalazłem do tego stronę więc będzie łatwo. Poprawny jest w ogóle ten kod co podałem?
(04.05.2012, 23:18)adam-as napisał(a): Nie rozumiem?
Przecież to nic nie zmienia. Kod się normalnie wykonuje.
Nie chodzi o forum mybb, ale o niezależną stronę internetową.
Nie wiem czy się dobrze zrozumieliśmy.

Skoro nie <code></code> to <pre></pre>.

Masz tu css na ramke tak jak na kurshtml:
pre
{
font-size: 12px;
font-family: "Courier New", Courier, monospace;
margin: 1em 0;
display: block;
background-color: #EEE;
overflow: auto;
width: 90%;
padding: 2px 5px 20px 5px;
border-width: 1px;
border-style: solid;
border-color: #BBB #CCC #CCC #BBB;
background: #EEE url("http://www.kurshtml.edu.pl/pliki/kod.gif") repeat-y left top;
height: 770px;
white-space: pre;
line-height: normal;
padding-left: 20px;
}
Zawsze możesz użyć iframe i wczytać do niego plik txt, ale to po prostu nie jest bardzo estetyczne.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Nidrax napisał(a):Zawsze możesz użyć iframe i wczytać do niego plik txt, ale to po prostu nie jest bardzo estetyczne.
No właśnie...

O! To już w sumie coś.
A trudno jest zrobić ten przycisk "zaznacz wszystko" lub "skopiuj"?



Użytkownicy przeglądający ten wątek:

1 gości