Ashura: / CSS: Möglichkeit um Code mit Formatierung anzuzeigen

Beitrag lesen

Hallo mabuhay.

Meine Frage ist, wie es möglich ist ein paar Zeilen (HTML-)Code so auf einer darzustellen, damit erstens die Formatierungen (wie Zeileneinschübe) bestehen bleiben und zweitens der Code markiert, Kopiert und als Codeblock weiterverwendet werden kann.

Ja, gibt es.

Möglichkeit 1: http://de.selfhtml.org/html/text/praeformatiert.htm@title=pre und darin http://de.selfhtml.org/html/text/logisch.htm@title=code.

Möglichkeit 2: x-beliebiges Element und http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space@title=white-space:pre sowie ggf. http://de.selfhtml.org/css/eigenschaften/schrift.htm#font_family@title=font-family:monospace.

Bei beiden ist es erforderlich, dass du zumindest das "<" als &lt; notierst. Sollen Zeichenreferenzen notiert werden, so musst du diese natürlich auch umschreiben. Aus &copy; würde also &amp;copy;

Also optimal wäre natürlich wenn ich den Code aus meinem Editor mit Markieren und Kopieren gleich in meine Homepage einfügen könnte.

Das ist so nicht möglich, da der Code ja dann interpretiert wird. Deshalb auch die Umschreibung von < und &.

Zum Beispiel in Foren gibt es die [coce][/code]-Tags welche die Beibehaltung der Formatierung bewirken...

Diese bewirken genau dasselbe, was ich schilderte. Nur wird dies normalerweise automatisch von einem Stringparser durchgeführt.

Einen schönen Mittwoch noch.

Gruß, Ashura

--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]