Slug-Generator

Links einen Titel eintippen, rechts steht die URL-taugliche Fassung. Buchstaben mit Akzent verlieren ihn, Satzzeichen und Emoji fallen weg, Leerzeichen werden zu Bindestrichen, und das Ergebnis wird auf die von Ihnen gewählte Länge gekürzt. Der Zähler unter den Feldern zeigt, wie viele Zeichen der Slug am Ende hat.

Werden meine Daten irgendwohin hochgeladen?

Nein. Die gesamte Umwandlung läuft im Browser mit gewöhnlichen Textoperationen. Nichts von dem, was Sie eintippen, verlässt die Seite. Eine unveröffentlichte Überschrift oder ein interner Projektname sind hier so privat wie in Ihrem eigenen Editor.

Wie werden Buchstaben mit Akzent behandelt?

Der Standardmodus reduziert alles auf ASCII. Er nutzt String.prototype.normalize in der Form NFKD, die einen Buchstaben wie é in ein einfaches e plus einen losen Akzent zerlegt, und löscht anschließend die Akzente. Aus Café wird cafe, aus Ñoño wird nono.

Manche Buchstaben zerfallen so nicht, weil sie kein Grundbuchstabe mit aufgesetztem Zeichen sind. Das ß ist der bekannteste Fall: NFKD lässt es unangetastet, ohne Sonderbehandlung würde es also aus dem Slug verschwinden. Dieses Werkzeug ersetzt es vorab durch ss, ebenso æ durch ae, œ durch oe, ø durch o, đ und ð durch d, ł durch l und þ durch th. Straße ergibt strasse.

Eine Entscheidung sei erklärt: ö wird zu o, nicht zu oe. Im Deutschen wäre oe die übliche Ersatzschreibung, aber derselbe Buchstabe ist im Schwedischen und Finnischen ein eigener Vokal, wo oe falsch wäre. Da die Sprache des Textes nicht erkennbar ist, fällt die Wahl auf die neutrale Variante.

Wer die ursprünglichen Buchstaben behalten möchte, stellt die Zeicheneinstellung auf den Unicode-Modus. Dann bleiben Akzente erhalten, und nicht lateinische Schriften ebenso: 東京の天気 bleibt 東京の天気, statt zu einer leeren Zeichenkette zu werden. Heutige Browser und Suchmaschinen kommen mit solchen URLs zurecht, auch wenn sie prozentkodiert kopiert unschön aussehen.

Was machen die übrigen Einstellungen?

Als Trennzeichen stehen Bindestrich und Unterstrich zur Wahl. Die Kleinschreibung lässt sich abschalten, wenn Großbuchstaben erhalten bleiben sollen. “Wiederholte Trennzeichen zusammenfassen” presst Ketten von Trennzeichen auf eines zusammen, sodass hallo --- welt zu hallo-welt wird und nicht zu hallo---welt. “Trennzeichen an den Rändern entfernen” räumt Anfang und Ende auf, etwa den Rest, den ein abschließendes Fragezeichen hinterlässt.

Die maximale Länge ist ein Schieberegler, 0 bedeutet ohne Begrenzung. Gekürzt wird an einem Trennzeichen, ein Wort wird also nie in der Mitte durchgeschnitten. Nur wenn ein einzelnes Wort länger als die Grenze ist und kein Trennzeichen zum Schneiden bereitsteht, wird es doch geteilt, denn sonst bliebe der Slug leer.

Wofür braucht man das?

Für die URL eines Blogbeitrags, einen Anker in der Dokumentation, einen Dateinamen, eine CSS-Klasse, einen Datenbankschlüssel oder einen Branch-Namen. Überall dort, wo aus einem für Menschen geschriebenen Titel etwas werden muss, das gefahrlos in einem Pfad steht.