Werkzeuge
Leitfäden

Textumwandlung

Text

Text zwischen Namenskonventionen, Groß-/Kleinschreibung, voller/halber Breite umwandeln und umkehren.

100 % clientseitig Ohne Backend
Eingabe
Ausgabe
Auf dieser Seite

Was ist ein Textumwandlungs-Werkzeug?#

Ein Textumwandlungs-Werkzeug schreibt eine Zeichenkette nach einer festen Regel um — ändert die Groß-/Kleinschreibung, wechselt die Namenskonvention, dreht Formen halber/voller Breite um oder kehrt die Zeichen um. Die meisten dieser Aufgaben hat man bis zur tatsächlichen Ausführung im Kopf als Einzeiler: „diese Überschrift in kebab-case umwandeln“ ist offensichtlich für Content Type, aber mehrdeutig für HTTPServer, getUserById_v2 oder X-Rate-Limit-Remaining. Welche Teile sind Wörter? Wo liegen die Grenzen?

Dieses Werkzeug beantwortet das mit einem einzigen, vorhersagbaren Worttrenner. Es normalisiert Trenner (Unterstrich, Bindestrich, Whitespace, Zeichensetzung) und fügt dann Grenzen an camelCase- und PascalCase-Übergängen ein, an Akronym-zu-Wort-Übergängen (HTTPServerHTTP Server) und an Buchstabe-zu-Ziffer-Übergängen (v2v 2). Die resultierenden Tokens speisen zwölf Operationen: fünf Namenskonventionen (camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE), vier Buchstabenfälle (GROSS, klein, Titel, Satz), ostasiatische Breitenumwandlung (halbe ↔ volle Breite) und Umkehren. Umkehren wandert nach Unicode-Codepunkt, sodass Emoji und andere Surrogate-Paar-Zeichen intakt überleben, statt in zerbrochene Hälften zu zerfallen.

So wird es verwendet#

  1. Wählen Sie die Operation aus dem Dropdown in der Werkzeugleiste. Die zwölf Optionen sind logisch gruppiert: zuerst Namenskonventionen, dann Buchstabenfälle, dann Breitenumwandlung, dann Umkehren.
  2. Tippen oder fügen Sie in die Eingabe-Spalte links ein, oder klicken Sie auf Beispiel, um ein Beispiel zu laden, das den Trenner beansprucht.
  3. Lesen Sie das Ergebnis in der Ausgabe-Spalte rechts — es aktualisiert sich im Moment, in dem sich Eingabe oder gewählte Operation ändern.
  4. Klicken Sie in der Ausgabe-Überschrift auf Kopieren, um die umgewandelte Zeichenkette zu übernehmen, oder auf Leeren, um neu zu beginnen.

Die Operationen sind total: leere Eingabe liefert leere Ausgabe, und keine Operation kann werfen. Das Umstellen des Dropdowns führt dieselbe Eingabe sofort durch die neue Regel, was dies zu einem schnellen Weg macht, etwa snake_case gegen kebab-case für denselben Bezeichner zu vergleichen.

Die wichtigsten Funktionen#

  • Ein Trenner, zwölf Ausgaben. Dieselben Wortgrenzen speisen jede Namenskonvention, sodass getUserById_v2 konsistent getUserByIdV2 / GetUserByIdV2 / get_user_by_id_v2 / get-user-by-id-v2 / GET_USER_BY_ID_V2 erzeugt.
  • Akronym-bewusstes Splitten. HTTPServer wird zu HTTP + Server, nicht zu H T T P Server — das erkannte Muster (eine Folge von Großbuchstaben gefolgt von einem Großbuchstabe-Kleinbuchstabe-Wort) hält Akronyme lesbar.
  • Buchstabe-zu-Ziffer-Grenzen. v2 wird zu zwei Tokens, sodass version2 sauber slugifiziert wird, statt eine Ziffer an ein Wort zu kleben.
  • Ostasiatische Breitenumwandlung. Halbbreites ASCII Hello 123 wird zu volllbreitem Hello 123 (Leerzeichen inklusive), und die Umkehrung stellt ASCII wieder her — nützlich beim Ausfüllen ostasiatischer Formulare oder beim Ausrichten von CJK-Text.
  • Codepunkt-Weise Umkehr. Das Umkehren von a😀b liefert b😀a, kein zerbrochenes Emoji — der Trenner wandert über Codepunkte statt über UTF-16-Codeeinheiten.
  • Lokal und augenblicklich. Kein Netzwerk, kein Upload; jede Umwandlung ist reine Zeichenketten-Mathematik in der Seite.

Anwendungsbeispiel#

Fügen Sie ein menschenlesbares Label in die Eingabe ein:

user first name

Schalten Sie die Operation durch die fünf Namenskonventionen und beobachten Sie die Ausgabespalte:

  • camelCaseuserFirstName
  • PascalCaseUserFirstName
  • snake_caseuser_first_name
  • kebab-caseuser-first-name
  • CONSTANT_CASEUSER_FIRST_NAME

Versuchen Sie nun einen unsaubereren Bezeichner, der Konventionen mischt:

HTTPServer v2

Weil der Trenner die HTTP-+Server-Grenze und die v-+2-Grenze erkennt, bleiben die Ausgaben lesbar statt zu httpservver-v2 zu kollabieren:

  • kebab-casehttp-server-v-2
  • snake_casehttp_server_v_2
  • CONSTANT_CASEHTTP_SERVER_V_2

Das ist der Unterschied zwischen einer Umwandlung, die die Bezeichnerstruktur tatsächlich versteht, und einer, die nur alles klein macht und mit einem Trenner verbindet.

FAQ#

Warum wird HTTPServer nicht zu h-t-t-p-server?#

Weil der Trenner eine Folge von Großbuchstaben gefolgt von einem Großbuchstabe-Kleinbuchstabe-Wort als Akronym plus Wort behandelt. HTTPServer wird als HTTP + Server gelesen, was fast immer das Gemeinte ist. Ein naiver Trenner, der bei jedem Großbuchstaben bricht, würde unlesbare Slugs wie h-t-t-p-server produzieren.

Was ist der Unterschied zwischen Titel-Schreibweise und Satz-Schreibweise?#

Titel-Schreibweise schreibt den ersten Buchstaben jedes durch Whitespace getrennten Wortes groß (the quick foxThe Quick Fox), was für Schlagzeilen und Buchtitel richtig ist. Satz-Schreibweise schreibt nur das erste alphabetische Zeichen der gesamten Zeichenkette groß (the quick foxThe quick fox), was für Prosa und Sätze richtig ist. Wählen Sie je nachdem, was der Text tatsächlich ist.

Wann nutze ich Halbbreite-↔-Vollbreite-Umwandlung?#

Ostasiatische Typografie und manche Regierungs-/Geschäftsformulare erwarten volldreibus lateinische Buchstaben und Ziffern (ABC123) für die visuelle Ausrichtung mit CJK-Zeichen. Umgekehrt kommt Text, der aus einer japanischen Quelle kopiert wurde, oft in volldreiber Form und muss vor einer Regex oder einem Code-Parser nach ASCII zurückgestellt werden. Die beiden Operationen sind exakte Inversen voneinander.

Beherrscht das Umkehren Emoji korrekt?#

Ja. Die Operation iteriert nach Unicode-Codepunkt (über Array.from), nicht nach UTF-16-Codeeinheit, sodass ein Zeichen außerhalb der Basic Multilingual Plane — ein Emoji wie 😀, ein seltenes CJK-Ideograph oder ein mathematisches Symbol — als eine Einheit umgekehrt wird. Das Umkehren von abc😀def liefert fed😀cba, mit intaktem Emoji.

Ist das nützlich, um einen Schwung Dateien oder Variablen umzubenennen?#

Für einen einzelnen Bezeichner ja — einfügen, Konvention wählen, kopieren. Für Massenverarbeitung würde man es normalerweise skripten, aber diese Seite ist ein schneller Weg, die exakte Ausgabe zu bestätigen, die eine Konvention produziert, bevor man sie in eine Regex oder einen Codemod festschreibt — besonders für die heiklen gemischtschreibungs-Eingaben, die Bugs verleiten.