PHP/HTML Inhalte besser Sichtbar machen (mit Grafik)

[Gunnar Bittersmann]

@@Marcell

Meine erste Idee war mit die Texte in HTML aus zu geben und via. str_replace die { und } um farbige DIV. (<div style="background-color:#b0c4de">)zu erweitern.

Inline-Styles sind nie™ eine gute Idee.

div ist auch keine. Du hast gewiss schon unzählige div im HTML-Code, müsstest denen hier eine beschreibende Klasse mitgeben. Besser ist es, gleich das passende HTML-Element zu verwenden: mark bietet sich hier an.

Hier ist schnell erkennbar, das die verschachtelten geschweiften Klammern dadurch nicht besser zu sehen sind. Es müssten also mehrere Farben möglich sein um die Verschachtelungen farblich ordentlich darstellen zu können.

Hat hier jemand vielleicht eine Idee.

Keinen opaken Hintergrund, sondern einen transparenten:

mark { background: hsla(214, 41%, 78%, 0.4) }

Wenn du die Bereiche als Blöcke formatierst, dann mit Einrückung:

mark { display: block; padding-left: 0.5em }

LLAP 🖖