Codefeld

[Basti225]

Hallo,
ich suche einen Weg, eine box wie hier im Forum zu machen, wo ich dann einen HTML Code oder ähnliches reinschreiben kann.
Jetzt hab ich folgendes Problem:
Wenn ich in die box z.b. <h1>Text</h1> schreibe, macht er die überschrift, nicht den blanken Code.

Weiß einer wie das geht?

Gruß Basti

 

[vitus37]

Du musst die Tags maskieren.
< wird zu &lt;
> wird zu &gt;
& wird zu &amp;
Ähnlich wie du Umlaute umwandelst, also von ä zu &auml;. (wird heute aber nicht mehr häufig gemacht)

Mehr dazu:
http://de.selfhtml.org/html/allgemein/zeichen.htm

Edit: Für sichtbare Code, welche du in HTML-Dokumenten einbauenen möchtest, gibt es das <code>-Tag. Beispiel:

<code>&lt;h1&gt;Überschrift&lt;/h1&gt;</code>

 

[Basti225]

Okey danke
Das mit dem Code tag wusste ich, aber mit dem &lt; .. noch nicht
Kann man das jetzt i.wie noch in eine CSS Klasse einbringen?

 

[vitus37]

Ja:

<code class="codebereich">&lt;h1&gt;Überschrift&lt;/h1&gt;</code>

Oder auch zusätzlich mit span:

<code class="codebereich">&lt;h1&gt;Überschrift<span class="codebereichSpan">&lt;/h1&gt;</span></code>

 

[Basti225]

Sorry, ich meinte eigentlich das mit dem " &lt "
Das man das i.wie in der class codebereich mit CSS festlegt?!

 

[vitus37]

Nein, das ist nicht möglich.

Wenn es dir um ein vereinfachtes/automatisches maskieren der HTML-Sonderzeichen geht, kann ich dir eine PHP-Funktion empfehlen:
PHP: htmlspecialchars - Manual

 

[two-bee]

@vitus37: hammer post!!!
danke , sowas hab ich auch gesucht die tage...

 

[crash]

> braucht man nicht zu escapen & und < reicht.