friemler
Goto Top

Codeformatierung fehlerhaft

Hallo administrator.de Team,

mir fiel schon vor einigen Wochen (nach den letzten Updates) auf, dass die Codeformatierung nicht mehr richtig funktioniert. Dreistellige Zeilennummern werden in der Codebox nicht mehr richtig dargestellt, der abschließende Punkt landet in einer neuen Zeile. Entsprechend zerrupft sieht der Inhalt der Codebox dann aus. Siehe z.B. die Codebox in diesem Beitrag.

Gruß
Friemler

Content-ID: 291462

Url: https://administrator.de/contentid/291462

Ausgedruckt am: 23.11.2024 um 10:11 Uhr

114757
Lösung 114757 21.12.2015 aktualisiert um 13:53:23 Uhr
Goto Top
Hi Friemler,
kann das nach deiner Beschreibung hier leider nicht nachvollziehen, hier sieht alles normal aus (Firefox 43.0.1).
Mach doch mal einen Screenshot wie es bei dir aussieht und poste den benutzten Browser.
Browsercache mal gelöscht?

Gruß jodel32
ashnod
Lösung ashnod 21.12.2015 aktualisiert um 13:53:17 Uhr
Goto Top
Zitat von @114757:
kann das nach deiner Beschreibung hier leider nicht nachvollziehen, hier sieht alles normal aus (Firefox 43.0.1).

Stimmt ... kann auch kein Problem finden (Firefox 38.2.0 > nicht meine Schuld face-wink ) .... muss ich die Lupe suchen?
VG
brammer
Lösung brammer 21.12.2015 aktualisiert um 13:53:16 Uhr
Goto Top
Hallo,

auch unter Firefox 45.0a2 sieht alles okay aus
Im IE 11 auch..

brammer
Friemler
Friemler 21.12.2015 um 13:41:32 Uhr
Goto Top
Hallo an alle,

ihr habt recht, es liegt an einer Browsereinstellung bei mir.

Ich verwende Firefox 43.0.1 auf einem 30''-Display mit 110 dpi. Da mir bei dieser Auflösung die Schriftgrößen auf den meisten Webseiten zu unleserlich sind, habe ich eine Mindestschriftgröße von 15 eingestellt. Für Festbreitenschriften verwende ich den kostenlosen "Source Code Pro"-Font von Adobe. Mit diesen Einstellungen sieht die Codebox in o.g. Beitrag dann so aus:

d3914068a81296c535f874a21f744958

Gruß
Friemler
114757
Lösung 114757 21.12.2015 aktualisiert um 13:53:10 Uhr
Goto Top
Gut dann versteh ich das. Im CSS der Nummern-Box ist die Breits fest auf 30px eingestellt, also kann der Punkt dann nur nach unten fließen ..., das müsste Frank dann auch "responsive" machen falls hier mal einer Code mit 10000 Zeilen posten sollte face-big-smile

Du könntest dir aber auch selbst mit einem kleinen Greasemonkey Skript Abhilfe schaffen...
Friemler
Friemler 21.12.2015 aktualisiert um 14:01:28 Uhr
Goto Top
OK, ich bin alles andere als ein Experte in Sachen Webentwicklung (wegen solcher Dinge wie hier behandelt war das schon immer ein Hassthema für mich). Ich lasse den Thread noch offen, falls Frank eine Lösung für möglich hält.

Ansonsten schöne Feiertage an alle.

[EDIT]
Ich habe schonmal ein Script mit ca. 1300 Zeilen gepostet, siehe hier ... face-wink

Die Zeilennummern größer als 999 sind dann schon verstümmelt und nur noch dreistellig.
[/EDIT]

Gruß
Friemler
Frank
Frank 23.12.2015 um 12:14:17 Uhr
Goto Top
Hi,

ja das ist ein Bug, ich werde ihn die Tage (nach Weihnachten) beheben. Hätte ja nie gedacht, dass hier mal vierstellige Code Zeilen gepostet werden. So ein typischer Jahr 2000 Bug eben face-wink

Gruß
Frank
Frank
Lösung Frank 30.12.2015, aktualisiert am 04.01.2016 um 12:18:11 Uhr
Goto Top
Hi,

so mit Release 20151230-03 sollte der Fehler nun behoben sein. Ich habe es unter Firefox und Chrome ohne Fehler getestet. Kann es jemand noch für den IE und Edge machen?

Gruß
Frank
114757
114757 30.12.2015 aktualisiert um 19:36:35 Uhr
Goto Top
Zitat von @Frank:
Kann es jemand noch für den IE und Edge machen?
Jup geht in diesen beiden Browsern auch. Dafür sind die Zahlen halt nicht mehr zentiert wenn's in die 4 stelligen geht. Da müsste man dann bei eurem Quellcode mit beidseitigen paddings arbeiten.
Die Umsetzung wie Ihr die Codeblöcke generiert ist schon ganz schön umständlich gelöst. Vor allem weil der rechte Hintergrund der Zeilennummer von einem DIV aus dem Hintergrund kommt. Vermutlich noch ein Relikt aus den Anfängen von Administrator.de face-wink.

Heutzutage macht man das eigentlich über <ol> Zeilen, dann können die "blinden" User auch direkt kopieren ohne gleich die Zeilennummern mit zu kopieren face-wink

Gruß und für morgen guten Rutsch ins neue Jahr
jodel32
Friemler
Friemler 04.01.2016 um 12:18:06 Uhr
Goto Top
Hallo Frank,

frohes Neues und danke für den Fix, funktioniert bestens.

Gruß
Friemler
Frank
Frank 04.01.2016 aktualisiert um 13:38:36 Uhr
Goto Top
@114757

ja, die Code-Formatierung ist schon etwas älter. Sie kommt aus einer Zeit, wo alles auch auf dem IE6 laufen musste. Daher wurde das etwas "aufwendiger" gelöst. Wenn ich mal Zeit habe, werde ich es vereinfachen und auf den aktuellen Stand bringen. Aktuell funktioniert sie aber und ob bei den wenigen vierstelligen Scripts die Zentrierung nicht genau funktioniert nehme ich solange in Kauf face-smile

Gruß
Frank