Läuft lokal im Browser

URL-Encoder

Query-Werte und Pfadsegmente mit encodeURIComponent percent-kodieren. Leerzeichen werden zu %20. Die Kodierung bleibt im Browser.

Eingabe

Ausgabe

Fügen Sie einen Suchbegriff, eine Callback-URL oder ein Pfadstück mit Leerzeichen und reservierten Zeichen ein. Es geht um Komponenten, nicht um Seiten-Slugs.

encodeURIComponent läuft in diesem Tab, damit Query-Strings ohne Roundtrip entstehen.

So geht’s

Rohwert einfügen.
Kodieren.
Die percent-kodierte Zeichenkette in Query oder Pfad kopieren.

So funktioniert es

Reservierte Zeichen wie Ampersand, Gleich, Plus und Schrägstrich werden zu Percent-Sequenzen, damit sie eine Query nicht zerlegen.

Das ist keine Slug-Erzeugung. Klein geschriebene Bindestrich-Titel gehören ins Slug-Tool. Es ist auch kein Base64.

Beispiele

Suchquery
blau & rot? wird zu blau%20%26%20rot%3F, damit das Ampersand keinen zweiten Parameter startet.
Redirect-Parameter
https://example.com/a b wird kodiert, damit eine Callback-URL sicher in ?next= sitzt.

FAQ

Warum %20 und nicht Plus?

encodeURIComponent nutzt %20. application/x-www-form-urlencoded nutzt oft Plus. Dieses Tool folgt dem Komponenten-Encoder.

Soll ich eine ganze URL kodieren?

Kodieren Sie die Teile, die Sie einfügen. Eine ganze URL zweimal zu kodieren zerlegt Schema und Host.

Ist das ein Slug?

Nein. Slugs entfernen Akzente und verbinden mit Bindestrichen. URL-Encoding erhält die Bedeutung mit Percent-Sequenzen.

Läuft die Kodierung auf einem Server?

Nein. Sie ist clientseitig in diesem Tab.

So geht’s

So funktioniert es

Beispiele

FAQ

Verwandte Tools