Coder
Encode und Decode für HTML-Entities, URLs, Base64, JSON, JWT und Data-URIs — sieben Reiter, alles clientseitig im Browser, ohne Account.
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 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
"(") und Apostroph'('). 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 — 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 — 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 — formatiert, validiert und transformiert JSON. Ideal, um eine dekodierte JWT-Payload oder einen unescapten JSON-String weiterzuverarbeiten.
- 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 mit jedem Reiter im Detail, Beispiele aus der Praxis und gesammelte Tipps & Tricks.