Zum Inhalt springen
Toolars
Erkunden
Fehler melden

Entwickler · Lokal-Werkzeug

URL-Slug-Generator

URL Slug Generator

Verwandle Titel und Beschriftungen lokal in saubere, kopierfertige URL-Slugs — wahlweise mit Bindestrichen oder Unterstrichen als Trennzeichen.

Aufgabenpfad / von der Eingabe zum Ergebnis

Gib den Titel ein

Läuft lokal · Nichts wird hochgeladen

Wie URL-Slug-Generator funktioniert, Datenschutz und verwandte Tools

Aufgabenpfad / von der Eingabe zum Ergebnis

So generierst du einen URL-Slug

  1. 01

    Gib den Titel ein

    Tippe oder füge die Überschrift in das Feld Titel oder Phrase ein. Der Slug aktualisiert sich live während des Tippens, du kannst also jedes Zeichen in Echtzeit normalisiert sehen, bevor du dich festlegst.

  2. 02

    Probiere zuerst das Beispiel

    Beispiel laden trägt die akzentuierte Phrase Crème brûlée & browser tools ein und zeigt sofort creme-brulee-and-browser-tools. Es ist der schnellste Weg, genau zu sehen, wie Akzente, Kaufmanns-Unds und Leerzeichen behandelt werden, bevor du deine eigene Überschrift einfügst.

  3. 03

    Wähle das Trennzeichen

    Wähle Bindestriche oder Unterstriche in den Modus-Tabs. Bindestriche sind die übliche Konvention für öffentliche URLs und der Standard; Unterstriche passen zu Systemen, die sie erwarten, und jede andere Bereinigungsregel ist zwischen beiden Modi identisch.

  4. 04

    Prüfe die URL-Slug-Ausgabe

    Das Ergebnis wird kleingeschrieben, Akzente werden entfernt (Crème wird zu creme), & wird zu and, Apostrophe verschwinden, und jede andere Folge von Nicht-Buchstaben kollabiert zu einem Trennzeichen mit getrimmten Rändern. Buchstaben und Zahlen aus jeder Schrift bleiben erhalten, nicht-lateinische Titel überstehen die Umwandlung also intakt.

  5. 05

    Kopiere oder lade den Slug herunter

    Nutze Ergebnis kopieren, um den Slug in dein CMS oder deinen Router einzufügen, oder .txt herunterladen, um ihn als toolars-url-slug.txt zu speichern. Leeren räumt beide Felder für den nächsten Titel frei, und wiederholte Downloads verwenden denselben Dateinamen, während dein Browser die Duplikate verwaltet.

Tool-Fakten

Verarbeitung
In deinem Browser
Eingabe verlässt dieses Gerät
Nie
Aufbewahrung
Nichts wird gespeichert
Preis
Kostenlos

Deine Eingabe bleibt im Browser.

URL-Slug-Generator nutzt seinen verifizierten lokalen Ausführungspfad und erstellt keinen versteckten Ein- oder Ausgabeverlauf.

Lokale Ausführung

Läuft im aktuellen Browser-Tab.

Keine versteckte Verarbeitung

Aktive Tool-Daten werden nie zu einem Toolars-Dokumentdatensatz.

Kein Konto erforderlich

Nutze den Kern-Workflow ohne Profil. Favoriten werden mit deinem Konto synchronisiert, sobald du dich anmeldest.

Sofortiges Zurücksetzen

Leere den Tab, und die aktiven Arbeitsdaten sind weg.

Was URL-Slug-Generator tatsächlich tut

Jede veröffentlichte Seite braucht einen Slug: der Blogpost mit Gedankenstrich und Kaufmanns-Und im Titel, der Dokumentationsabschnitt, dessen Überschrift akzentuierte Zeichen trägt, das Tag-Label, das das Einfügen in eine Route überstehen muss. Der URL-Slug-Generator wendet jedes Mal dieselben deterministischen Regeln an, direkt im Browser — der Slug, den du lokal testest, ist also der Slug, der in Produktion ausgeliefert wird —, und ein gemeinsamer Regelsatz heißt, das ganze Team bekommt identische Slugs aus identischen Titeln. Entwurfstitel — auch für unveröffentlichte Inhalte — bleiben die ganze Zeit auf dem Gerät, und es gibt nichts, in das du dich einloggen müsstest, bevor du startest.

Häufige Fragen

Was passiert genau mit Akzenten und Symbolen?
Der Text wird normalisiert, sodass sich Akzente von Buchstaben lösen und entfernt werden (é wird zu e), Kaufmanns-Unds werden zum Wort and expandiert, Apostrophe fallen weg, und jede verbleibende Folge von Zeichen, die keine Buchstaben oder Zahlen sind, wird zu einem einzigen Trennzeichen. Wiederholte Trennzeichen kollabieren zu einem, und das Ergebnis wird kleingeschrieben und an beiden Enden getrimmt, führende und abschließende Trennzeichen überleben also ebenfalls nie.
Was passiert mit chinesischem, japanischem oder anderem nicht-lateinischem Text?
Er bleibt erhalten. Die Bereinigung behält Buchstaben und Zahlen jeder Schrift und entfernt nur Akzentzeichen und Interpunktion, ein japanischer oder chinesischer Titel behält also seine Zeichen im Slug. Schriftinterne Interpunktion wie 、 und 。 wird genau wie westliche Interpunktion zu Trennzeichen, und Kleinschreibung gilt überall dort, wo die Schrift tatsächlich Groß- und Kleinschreibung kennt.
Warum kam mein Slug leer oder viel kürzer heraus?
Nur Buchstaben und Zahlen überleben die Normalisierung. Ein Titel, der ganz aus Symbolen besteht, ergibt ein leeres Ergebnis, und wiederholte Interpunktion kollabiert zu einem einzigen Trennzeichen, Hello — world! wird also zu hello-world statt zu einer Folge von Strichen. Kürze den Titel auf seine Buchstaben und Ziffern zurück, und der Slug erscheint wieder.
Soll ich Bindestriche oder Unterstriche wählen?
Bindestriche sind das weithin empfohlene Worttrennzeichen für öffentliche URLs und nicht ohne Grund der Standard. Unterstriche stehen für Plattformen und Benennungsschemata bereit, die sie erfordern; die Bereinigungsregeln sind in beiden Fällen identisch.
Aktualisiert sich der Slug, während ich tippe?
Ja. Die Ausgabe erneuert sich mit jedem Tastenschlag und jeder Trennzeichen-Änderung, es gibt keinen Button zu drücken, und der Wechsel zwischen Bindestriche und Unterstriche rendert denselben normalisierten Text sofort mit dem anderen Trennzeichen.
Wird der Text, den ich einfüge, irgendwo hochgeladen?
Nein. Der Slug wird vollständig im aktuellen Browser-Tab berechnet, die Eingabe wird nie gesendet oder aufbewahrt, und es ist kein Konto nötig. Das Leeren des Arbeitsbereichs verwirft beide Felder.

Weiter in Entwickler

Verwandte Aufgaben statt Sackgasse.

Wechsle in einen anderen fokussierten Arbeitsbereich, ohne zum vollständigen Index zurückzukehren.

Code zu Bild

Code to Image Converter

Exportiere hervorgehobenen Code als PNG oder SVG mit einstellbarer Schrift, Zeilennummern und 1x/2x-Skalierung — bis 200 Zeilen, lokal gerendert.

Erstellen

Schatten für React Native

React Native Shadow Generator

Vergleiche klassische iOS- und Android-Schatten mit dem boxShadow-Stil der New Architecture in React Native und kopiere die Styles samt Plattformhinweisen.

Erstellen

Base64-Kodierer/Dekodierer

Base64 Encoder/Decoder

Kodiere Text zu Base64 oder dekodiere ihn zurück — mit UTF-8-, URL-sicherer und Zeilenumbruch-Option sowie laufender Validierung, komplett lokal.

Konvertieren

HTML-Kodierer/Dekodierer

HTML Encoder/Decoder

Kodiere die fünf markup-kritischen Zeichen &, <, > und beide Anführungszeichen zu Entitäten oder dekodiere benannte und numerische Referenzen zurück.

Konvertieren