# 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. Source: https://www.jpkc.com/db/tools/convertor/ ## Ein Werkzeug für zwei verwandte Probleme [Convertor PRO](https://www.jpkc.com/tools/convertor/) 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](https://r12a.github.io/) (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](https://www.jpkc.com/tools/convertor/)** — 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](https://www.jpkc.com/db/tools/json/)** — JSON validieren, formatieren, durchsuchen und bearbeiten, wenn du tiefer mit einer JSON-Struktur arbeiten willst als Convertor PRO es vorsieht. - **[Coder](https://www.jpkc.com/db/tools/coder/)** — Base64, URL-Encoding, Hashing und weitere Encoding-Operationen, die über die reine Zeichen-Umwandlung hinausgehen. --- Tiefer geht es auf den Unterseiten: das **[Manual](https://www.jpkc.com/db/tools/convertor/manual/)** mit jedem Feld und jedem Modus im Detail, **[Beispiele](https://www.jpkc.com/db/tools/convertor/examples/)** mit konkreten Durchläufen und gesammelte **[Tipps & Tricks](https://www.jpkc.com/db/tools/convertor/tips/)**.