JPKCom DB

Convertor PRO

Was Convertor PRO kann: Encoding-Umwandlung (HTML/XML, Unicode, UTF-8, Hex, NCRs) und Daten-Formate (JSON, YAML, TOML, XML, INI) — der Einstieg.

Ein Werkzeug für zwei verwandte Probleme

Convertor PRO löst zwei Aufgaben, die im Webentwickler-Alltag ständig auftauchen und doch eng zusammengehören: Zeichen und Kodierungen umrechnen und Daten-Formate ineinander überführen. Beides in einem Tab-Interface, beides komplett im Browser.

Das erste Problem kennst du, wenn du jemals ein Sonderzeichen in eine HTML-Datei, einen CSS-Selektor, eine URL oder einen JavaScript-String einbauen wolltest und nicht sicher warst, wie es korrekt escaped wird. Das Emoji, das als 😀 erscheinen soll; der Umlaut, der in einer URL zu %C3%BC wird; das é in einer JSON-Zeichenkette — das sind alles Repräsentationen ein und desselben Zeichens. Convertor PRO zeigt dir alle gleichzeitig.

Das zweite Problem ist der ewige Tanz zwischen Konfigurations- und Datenformaten: Eine config.yaml, die du als JSON brauchst; ein TOML-Block, den ein altes System nur als INI versteht; eine API-Antwort in XML, die du lesbar als YAML sehen willst. Convertor PRO parst das eine und gibt das andere aus — verlustarm über eine gemeinsame Zwischendarstellung.

Gedacht ist das Tool für Webentwicklerinnen und Webentwickler, die Encoding-Fragen schnell klären wollen, für DevOps- und Konfig-Leute, die zwischen Format-Welten pendeln, und für alle, die mit Unicode, Internationalisierung oder maschinenlesbaren Daten arbeiten. Kein Account, keine Installation, kein Upload an einen Server.

Tab 1: Encoding — Zeichen und Kodierungen

Der Encoding-Tab basiert auf den bewährten Konvertierungs-Funktionen von Richard Ishida (rishida.net, GPL) und stellt dasselbe Zeichen in vielen parallelen Schreibweisen dar. Du tippst Text in ein Feld, klickst dessen Convert-Knopf — und alle anderen Felder füllen sich automatisch mit der jeweiligen Darstellung. Die Umwandlung ist also bidirektional und läuft immer über die echten Zeichen als Drehscheibe.

Verfügbare Darstellungen, thematisch gruppiert:

  • Markup & Web — HTML/XML (benannte und numerische Entities), Percent encoding (URIs), CSS escapes, JavaScript escapes.
  • Numeric Character References — Hexadecimal NCRs (&#x…;) und Decimal NCRs (&#…;).
  • Code Points — Unicode U+hex, 0x… notation, Hex code points, Decimal code points.
  • Encoding-Bytes — UTF-8 code units und UTF-16 code units.
  • Mixed input — ein Sammelfeld, das gemischte Escapes erkennt und sie zu Zeichen auflöst (mit Modi für Hex-/Dezimal-Code-Points und UTF-8/UTF-16).

Tab 2: Data Formats — JSON, YAML, TOML, XML, INI

Der Data Formats-Tab konvertiert zwischen JSON, YAML, TOML, XML und INI in beliebiger Richtung. Du wählst links das Quellformat (oder lässt es beim Einfügen automatisch erkennen), rechts das Zielformat, und klickst Convert. Zwei syntaxhervorhebende ACE-Editoren zeigen Eingabe und Ausgabe nebeneinander; ein Swap-Knopf dreht die Richtung um.

Die offizielle Kurzbeschreibung nennt HTML/XML, Unicode, UTF-8, Hexadezimal, YAML, JSON und TOML — in der Praxis deckt dieser Tab zusätzlich INI ab und liest beim Datei-Öffnen auch .yml, .cfg, .conf sowie .htm/.html (als XML). Eingabe per Tippen, Einfügen aus der Zwischenablage oder Datei-Upload; Ausgabe per Copy oder Datei-Download.

Architektur: alles im Browser

Convertor PRO ist rein clientseitig. Es gibt keinen Server-Roundtrip, keine API und keinen Upload: Sowohl die Encoding-Funktionen als auch die Format-Konvertierung laufen vollständig als JavaScript in deinem Browser. Für die Daten-Formate kommen etablierte Bausteine zum Einsatz — js-yaml für YAML, eine schlanke TOML-1.0-Implementierung, der native DOMParser für XML und das eingebaute JSON — koordiniert über eine gemeinsame JavaScript-Objekt-Zwischenstufe. Sensible Konfigurationen oder Tokens verlassen deinen Rechner also nicht.

Jetzt ausprobieren

→ Convertor PRO öffnen — Tab wählen, Text oder Daten einfügen, Convert klicken. Ohne Account, kostenlos, direkt im Browser.

Verwandte JPKCom-Tools

Eng verwandt aus derselben Code-&-Text-Familie:

  • JSON-Editor — JSON validieren, formatieren, durchsuchen und bearbeiten, wenn du tiefer mit einer JSON-Struktur arbeiten willst als Convertor PRO es vorsieht.
  • Coder — Base64, URL-Encoding, Hashing und weitere Encoding-Operationen, die über die reine Zeichen-Umwandlung hinausgehen.

Tiefer geht es auf den Unterseiten: das Manual mit jedem Feld und jedem Modus im Detail, Beispiele mit konkreten Durchläufen und gesammelte Tipps & Tricks.