So zeigen Sie Leerzeichen mit Unicode zum Debuggen / Bearbeiten an

8

Ich möchte beim Debuggen oder Bearbeiten von Text Leerzeichen anzeigen, indem Sie sie durch sinnvolle Unicode-Codepunkte ersetzen und sie grau statt schwarz färben.

Ich möchte zum Beispiel

ersetzen
  • SPACE U+0020 mit MIDDLE DOT · U+00B7
  • NO-BREAK SPACE U+00A0 mit MEDIUM SMALL WHITE CIRCLEU+26AC
  • RIGHTWARDS ARROWU+2192 für TAB U+0009 .
  • und so weiter ...

Ich suche nach sinnvollen Zeichen für:

  • CARRIAGE RETURN U+000D
  • %Code%.

Ich möchte nicht das newline/LINE FEED U+000APILCROW SIGN verwenden, da es intuitiv keinem der beiden Begriffe entspricht, sondern dem Konzept eines neuen Absatzes. Es gibt auch U+00B6DOWNWARDS ARROW WITH CORNER LEFTWARDS , aber wieder scheint es mehr wie ein Kombinationssymbol zu sein, als jedes einzelne zu repräsentieren.

Wenn ich gemischte Zeilenenden habe, möchte ich sehen können, welches Zeichen verwendet wird (oder beides). Ich zeige die Ausgabe in HTML in einem Browser.

Momentan kann ich mir keine besseren Symbole vorstellen als: - U+21B5LEFTWARDS ARROW für U+2190 - carriage returnDOWNWARDS ARROW für U+2193 .

Ich kenne SYMBOL FÜR newlineCARRIAGE RETURN , SYMBOL FÜR U+240DLINE FEED und U+240ASYMBOL FOR NEWLINE , aber das Detail ist schwer zu sehen.

Ich möchte auch U+2424 und \r aus zwei Gründen nicht verwenden, \n und r sehen etwas ähnlich aus (nicht viel, aber ein wenig) und es braucht zwei Zeichen, um sie stattdessen anzuzeigen von einem. Wenn ich jedoch keine besseren Vorschläge bekomme, kann ich alternativ nDOWNWARDS ARROW WITH CORNER LEFTWARDS für Wagenrücklauf und U+21B5RIGHTWARDS ARROW WITH CORNER DOWNWARDS für Zeilenumbruch verwenden.

    
CJ Dennis 21.03.2015, 07:02
quelle

2 Antworten

2

Wie Sie gesagt haben, ist U+21B5 (↵) eine gute Wahl für den Wagenrücklauf. Beachten Sie, dass es sich um das Symbol auf Ihrer Eingabetaste handelt, das seit den Tagen der elektrischen Schreibmaschinen verwendet wird. Hier kommt auch der Name her, denn er würde den Wagen, der das Papier hält, buchstäblich zurückbringen und unter den Farbbandkopf schieben. Als solche denke ich, dass es bei Keyboardern so intuitiv geworden ist, dass sie intuitiv erkennbar sind.

Da Sie Bedenken hinsichtlich der Sichtbarkeit festgestellt haben, berücksichtigen Sie jedoch U+23CE (⏎). Dieses Symbol ist Teil des UNICODE-Standards für den ausdrücklichen Zweck, eine Rückgabe darzustellen; aber es könnte interpretiert werden als eine neue Zeile im Allgemeinen, die oft eine Kombination aus Wagenrücklauf und Zeilenvorschub (abhängig vom System) ist.

U+21B5 (↵) ist Teil des UNICODE-Pfeilblocks, während U+23CE (⏎) Teil des "Verschiedenen technischen" Blocks ist. Dieser zweite ist näher an dem, was Ihnen für technische Überlegungen wie Ihrem nützlich zu sein scheint, anstelle eines normalen Pfeils.

Das lässt uns mit dem Zeilenvorschub. Wenn Sie anfangen darüber nachzudenken, was es tatsächlich ist, wird sogar die Wahl für den Rückkehrpfeil fraglich. Ein Zeilenvorschub ist grundsätzlich eine Anweisung, um eine Zeile nach unten zu bewegen. Ein Wagenrücklauf bewegt den Caret ("Wagen") einfach zurück zum Anfang einer Zeile. Ein Zeilenvorschub muss nicht mit einem Wagenrücklauf kombiniert werden, noch muss ein Wagenrücklauf tatsächlich mit einem Zeilenvorschub kombiniert werden (obwohl es normalerweise sinnlos ist, dies nicht zu tun). Auf Schreibmaschinen macht das Sinn. Nachdem Sie eine Zeile eingegeben haben, schwenken Sie den Wagen zurück zum Anfang und scrollen dann das Papier nach oben. Grundsätzlich ein Wagenrücklauf + Zeilenvorschub. Jetzt sehen Sie, warum "neue Linie" als eine Kombination dieser beiden für historische Zwecke sinnvoll sein könnte, und warum sie in jeder Reihenfolge verwendet werden können. Technisch können Sie einen Zeilenvorschub ohne Wagenrücklauf durchführen und weiter in der Spalte eingeben, in der Sie in der vorherigen Zeile aufgehört haben. Der Grund, warum dies unser ↵ / brings in Frage stellt, ist, dass das Symbol einen Wagenrücklauf UND Zeilenvorschub impliziert. Bei elektrischen Schreibmaschinen und Textverarbeitungssystemen führt dies normalerweise zu einer vollständigen neuen Zeile.

Wie soll der Zeilenvorschub dargestellt werden? Ein nach unten zeigender Pfeil scheint die intuitive Wahl zu sein, aber dann müssen wir vielleicht auch unseren Wagenrücklauf überdenken. U+21E9 (abwärts weisser Pfeil, ⇩) ist visuell (wahrscheinlich, da Glyphen variieren können) am kongruentesten mit ⏎. Aber wenn wir damit fortfahren, können Sie auch U+21E6 (weißer Pfeil nach links, ⇦) für Ihren Wagenrücklauf verwenden.

Was soll ich mit so vielen Optionen wählen? Nun, persönlich denke ich, dass die Auswahl aus dem UNICODE-Block "control pictures" technisch überlegen ist. Dies sind die U+240A (␊) für den Zeilenvorschub und U+240D (␍) für den Zeilenumbruch. Sie appellieren auch an den Programmierer in mir, weil das letzte Byte des Codepunkts für beide den ASCII-Code für sie entspricht. Aber ich verstehe, dass sie auf dem Bildschirm schwer zu erkennen sind und die Benutzerfreundlichkeit wichtiger sein kann. Aber viele Texteditoren gehen mit einer gewissen Variation davon, wenn sie aufgefordert werden, alle Symbole anzuzeigen.

Also würde ich sagen, die Optionen sind ...

  • ␊ und ␍, um technisch am besten zu sein.
  • ⇩ und ⇦ für die beste visuelle Klarheit, da sie sich im selben Codeblock befinden und wahrscheinlich in der Darstellung für eine bestimmte Schriftart konsistent sind.
  • ↵ oder ⏎ als Wagenrücklauf, um am leichtesten erkennbar zu sein, und dann eine andere Option für Zeilenvorschübe; aber das ist auch möglicherweise das verwirrendste, da der gewinkelte Pfeil wirklich eine Art Wagenrücklauf + Zeilenvorschub bedeutet.

Stellen Sie außerdem sicher, dass Sie etwas auswählen, das in den meisten Browsern mit den unterschiedlichen Standardschriftarten in verschiedenen Browsern und Systemen angezeigt wird. Ich bemerkte, dass einige der Codepunkte für zusätzliche Blöcke nicht auftauchten, als ich die UTF-8-Tabelle durchging.

Endlich eine Bemerkung. Ist es notwendig UNICODE-Symbole zu verwenden? Notepad ++, mein bevorzugter Texteditor, verwendet große "CR" - und "LF" -Symbole auf einem grauen Hintergrund, wenn alle Symbole visualisiert sind. Vielleicht können Sie einfach Bilder verwenden (vorzugsweise skaliert nach der Schriftgröße in Ihrem CSS)?

    
G_H 01.04.2016 13:49
quelle
0

Ich habe eine Idee, aber es ist nur ein bisschen besser als deine jetzige Idee.

und

Diese Pfeile haben Linien am Ende von ihnen, die dich daran erinnern können, wo du hingehst. Hier sind einige andere Möglichkeiten für die Symbole:

▼ ◀ «

    
C L K Kissane 01.04.2016 23:08
quelle

Tags und Links