# Coder

> Encode und Decode für HTML-Entities, URLs, Base64, JSON, JWT und Data-URIs — sieben Reiter, alles clientseitig im Browser, ohne Account.

Source: https://www.jpkc.com/db/tools/coder/

## Sieben Encode- und Decode-Werkzeuge an einem Ort

Bei der Web-Entwicklung fällt ständig derselbe Kleinkram an: Du musst schnell ein Stück HTML so escapen, dass spitze Klammern als Text stehen bleiben. Du willst einen Query-Parameter korrekt für eine URL kodieren. Du hast einen Base64-String und keine Ahnung, was drinsteht. Oder du bekommst ein **JWT** in die Hand und willst sehen, was die Payload behauptet. Für jede dieser Aufgaben gibt es Einzeiler, Kommandozeilen-Tricks oder dubiose Online-Konverter — und gerade bei Tokens ist Letzteres heikel.

Der [Coder](https://www.jpkc.com/tools/coder/) bündelt diese Aufgaben in **einem** Werkzeug mit sieben Reitern. Du wählst oben den passenden Reiter, fügst deinen Text ein, klickst **Encode** oder **Decode** — fertig. Alles passiert **direkt in deinem Browser**, ohne Account, ohne Upload, ohne Installation.

Gedacht ist das Tool für alle, die mit Code und Daten hantieren: **Entwicklerinnen und Entwickler**, die im Alltag zwischen HTML, URLs und Base64 hin- und herübersetzen; **Backend- und API-Leute**, die ein JWT inspizieren wollen, ohne es einem fremden Server anzuvertrauen; und alle, die mal eben ein **Bild als Data-URI** in ihr CSS oder HTML einbetten möchten.

## Die Codecs im Überblick

Die Oberfläche ist auf Englisch — die Reiter heißen im Tool genau so, wie sie hier in Klammern stehen. Inhaltlich gruppieren sich die sieben Funktionen in drei Blöcke:

**Markup und Web**

- **HTML-Entities, einfach** (Reiter *HTML*) — wandelt `&`, `<` und `>` in ihre HTML-Entities um und wieder zurück. Das Minimum, um Code-Schnipsel anzuzeigen, ohne dass der Browser sie als Markup interpretiert.
- **HTML-Entities, erweitert** (Reiter *HTML+*) — wie oben, plus Anführungszeichen `"` (`&quot;`) und Apostroph `'` (`&#39;`). Das brauchst du, wenn der Text in einem Attributwert landet.
- **URL-Encoding** (Reiter *URL*) — kodiert einen String für die sichere Verwendung in URLs (auf Basis von `encodeURIComponent`) und dekodiert ihn wieder.

**Binär und Transport**

- **Base64** (Reiter *Base64*) — kodiert Text nach Base64 und zurück, UTF-8-sicher (auch Umlaute und Emojis). Ungültiger Base64-Input wird beim Dekodieren erkannt und gemeldet.
- **Data-URI** (Reiter *Data URI*) — wandelt eine **beliebige Datei** in eine Base64-kodierte `data:`-URI um, die du direkt in CSS oder HTML einbetten kannst. Mit Fortschrittsanzeige und Datei-Infos.

**Daten und Tokens**

- **JSON-String** (Reiter *JSON*) — escapt Sonderzeichen wie `\n`, `\t`, `\"` zu ihren JSON-Escape-Sequenzen (Escape) und macht das wieder rückgängig (Unescape).
- **JWT-Decoder** (Reiter *JWT*) — zerlegt ein JSON Web Token in **Header**, **Payload** und **Signatur** und zeigt Header und Payload als formatiertes JSON. Wichtig: Das Tool **dekodiert und zeigt nur** — es prüft die Signatur **nicht** und erzeugt auch keine Tokens. Details dazu im Manual.

## Alles läuft im Browser

Der Coder ist ein **reines Client-Tool**. Der Server liefert nur die Seite aus; das eigentliche Encoden und Decoden erledigt JavaScript lokal in deinem Browser. Es gibt **keine** serverseitige Verarbeitung deiner Eingaben.

Das ist nicht nur schnell, sondern vor allem ein **Datenschutz-Vorteil**: Ein JWT, das du dekodierst, eine Datei, die du als Data-URI einbettest, oder ein String, den du Base64-kodierst — nichts davon verlässt deinen Rechner oder wird an einen Server geschickt. Gerade Tokens enthalten oft sensible Claims; hier bleiben sie lokal.

## Jetzt ausprobieren

**[→ Coder öffnen](https://www.jpkc.com/tools/coder/)** — Reiter wählen, Text einfügen, Encode oder Decode klicken. Ohne Account, kostenlos, direkt im Browser.

## Verwandte JPKCom-Tools

Wenn der Coder an seine Grenzen stößt, übernehmen diese Werkzeuge:

- **[Convertor PRO](https://www.jpkc.com/db/tools/convertor/)** — konvertiert zwischen HTML/XML, Unicode, UTF-8, Hexadezimal, YAML, JSON und TOML. Die größere Schwester für Format-Umwandlungen jenseits der reinen Encode-/Decode-Reiter.
- **[JSON Editor](https://www.jpkc.com/db/tools/json/)** — formatiert, validiert und transformiert JSON. Ideal, um eine dekodierte JWT-Payload oder einen unescapten JSON-String weiterzuverarbeiten.
- **[Generator](https://www.jpkc.com/db/tools/generator/)** — erzeugt Passwörter, BCrypt-/Argon2-Hashes, TOTP-Codes und mehr — die Security-Seite neben dem JWT-Reiter.

---

Tiefer geht es auf den Unterseiten: das **[Manual](https://www.jpkc.com/db/tools/coder/manual/)** mit jedem Reiter im Detail, **[Beispiele](https://www.jpkc.com/db/tools/coder/examples/)** aus der Praxis und gesammelte **[Tipps & Tricks](https://www.jpkc.com/db/tools/coder/tips/)**.