Ist es möglich, Whitespace oder Tabs anzuzeigen, indem Sie sie durch Zeichen in CSS ersetzen?Ist es möglich, Leerzeichen (Einrückungen) in reinem CSS zu zeichnen (anzuzeigen)?
So drehen
$code = "x";
zu
⋅⋅⋅⋅$code = "x";
oder
$code = "x";
zu
→$code = "x";
(oder som Ähnliches).
Sie können keine textnode stylen. Sie können keinen Teil davon, nur echte Elemente wie <p> stylen.
Ich weiß, dass Sie JS nicht verwenden möchten, aber hier ist eine Möglichkeit für jeden, der dies lesen könnte.
Sie können die Zeichen durch JS ersetzen, indem Sie einen regulären Ausdruck verwenden, der jede Form von Leerzeichen abfängt und sie durch Zeichen ersetzt, gleich wie bei Tabs.
$('p').html($('p').html().replace(/ /g,"_"));<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p> test me </p>$('p').html($('p').html().replace(/ /g,"_"));<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p> test me </p>Dies ist wahrscheinlich der einzige Weg zu gehen, ich habe nur versucht herauszufinden, ob es schon etwas in CSS gibt. – petermolnar
Sie eine Schriftart verwenden könnte, die Leerzeichen als Punkte angezeigt wird, und Tabs als Tab-Zeichen.
CSS-Stilelemente und deren Inhalt ... Welches Element möchten Sie auswählen? Zumal Textknoten nicht ausgewählt werden können. Also die Antwort ist NEIN. –
Ich glaube nicht, dass Sie dies für mehrere Zeilen Code tun könnten, aber für eine einzelne Zeile - wie das Beispiel, das Sie gepostet haben - könnte es möglich sein, ** das ** zu hacken, aber ... weniger nützlich. Wären Sie an einer Single-Line-Lösung interessiert? – Danield
Ich weiß, wie CSS funktioniert, aber da es immer noch etwas "Magie" eingebaut hat, versuchte ich herauszufinden, ob es weniger bekannte Wege gibt, mit solchen Dingen umzugehen. – petermolnar