MDX-Converter Online

Konvertiere HTML in sauberes MDX, rendere MDX als lesbaren Text und maskiere Klartext zu wörtlichem MDX in Sekunden.

Dein MDX, HTML und Text werden lokal in deinem Browser verarbeitet und nichts wird auf einen Server hochgeladen.

Entwickelt und gepflegt von Udit Agarwal

Brauchst du stattdessen einfaches Markdown? Probiere das Markdown-Tool.

Über MDX-Konverter

Dieser MDX-Converter hilft dir, mit MDX-Inhalten auf drei Arten zu arbeiten: rendere MDX als formatierten, lesbaren Text, konvertiere HTML in sauberes GitHub-Flavored Markdown/MDX und maskiere Klartext zu wörtlichem, gültigem MDX. Er ist für Entwickler, technische Autoren und Dokumentationsteams gebaut, die Inhalte zwischen HTML, Markdown und MDX bewegen. Nutze den HTML-zu-MDX-Modus, um eingefügtes Markup in sauberes Markdown mit Überschriften, Tabellen, Codeblöcken und Listen zu verwandeln, oder den Render-Modus, um MDX ohne Build vorzuschauen. JSX-Komponenten werden nie ausgeführt: Komponenten werden entfernt, während ihr Innentext erhalten bleibt, und Ausdrücke werden entfernt. Alles läuft lokal in deinem Browser, sodass deine Entwürfe, Dokumente und Snippets beim Konvertieren und Vorschauen auf deinem Rechner bleiben.

Funktionen

  • Rendere MDX als formatierten Text mit einem Live-Vorschaufenster
  • Konvertiere HTML in sauberes GitHub-Flavored Markdown/MDX
  • Maskiere Klartext zu wörtlichem, gültigem MDX (behandelt < { } Zeichen)
  • Bewahrt Überschriften, Tabellen, Codeblöcke, Listen und Blockzitate beim Konvertieren von HTML
  • Entfernt JSX-Komponenten und Ausdrücke sicher, ohne Code auszuführen
  • Kopiere gerenderten Text, HTML- oder MDX-Ausgabe mit einem Klick
  • Lade Ergebnisse als .html- oder .mdx-Datei herunter

So verwendest du MDX-Konverter

  1. Wähle oben einen Modus: MDX → Vorschau, HTML → MDX oder Text → MDX.
  2. Füge dein MDX, HTML oder deinen Klartext in das Eingabefeld ein (oder lade ein Beispiel).
  3. Prüfe die gerenderte Vorschau oder konvertierte Ausgabe rechts.
  4. Nutze Kopieren, um den Text, das HTML oder MDX zu holen, oder Herunterladen, um es als Datei zu speichern.

Beispiel

Eingabe

<h2>Funktionen</h2>
<ul><li>Schnell</li><li>Lokal</li></ul>

Ausgabe

## Funktionen

- Schnell
- Lokal

Der HTML-zu-MDX-Modus konvertiert Markup in sauberes Markdown.

Häufige Fehler & Fehlerbehebung

  • JSX-Komponenten verschwinden aus der Ausgabe. — Das ist zu erwarten. Komponenten werden entfernt und ihr Innentext bleibt erhalten; nichts wird ausgeführt. Inline den Inhalt als Markdown, wenn du ihn erhalten musst.
  • Ausdrücke in geschweiften Klammern wie {version} verschwinden im Vorschaumodus. — MDX-Ausdrücke werden entfernt, da kein JavaScript läuft. Ersetze sie vor dem Rendern durch wörtlichen Text.
  • Eingefügter Text bricht MDX wegen vereinzelter < oder { Zeichen. — Nutze den Text-zu-MDX-Modus, um <, { und } zu maskieren, sodass der Inhalt gültiges, wörtliches MDX wird.
  • HTML konvertiert, aber ein Tag wird ignoriert. — Die Konvertierung zielt auf gängige Struktur-Tags (Überschriften, Tabellen, Code, Listen, Links, Blockzitate). Vereinfache ungewöhnliches oder fehlerhaftes Markup und konvertiere erneut.

Häufig gestellte Fragen

Was ist der MDX-Converter?
Der MDX-Converter rendert MDX als formatierten Text, konvertiert HTML in sauberes Markdown/MDX und maskiert Klartext zu wörtlichem MDX. Du wechselst mit einem Klick zwischen den drei Modi.
Führt der MDX-Converter JSX-Komponenten aus?
Nein. Komponenten werden entfernt (ihr Innentext bleibt erhalten) und Ausdrücke werden entfernt, sodass nie etwas ausgeführt wird.
Was erzeugt HTML zu MDX?
Es gibt GitHub-Flavored Markdown aus, einschließlich Überschriften, Tabellen, Codeblöcken, Listen, Links und Blockzitaten.
Wie mache ich Klartext zu gültigem MDX?
Nutze den Text-→-MDX-Modus, der Zeichen wie <, { und } maskiert, sodass der Text zu wörtlichem, gültigem MDX wird.
Kann ich MDX mit diesem Tool zu Markdown konvertieren?
Ja. Der HTML-zu-MDX-Modus erzeugt GitHub-Flavored Markdown, und der Vorschaumodus rendert MDX zu lesbarem Text, den du als Markdown-freundlichen Inhalt herauskopieren kannst.
Wird mein Inhalt irgendwohin hochgeladen, wenn ich den MDX-Converter nutze?
Nein. Der MDX-Converter läuft vollständig in deinem Browser, sodass dein MDX, HTML und Text dein Gerät nie verlassen.

Verwandte Tools

Weitere Code-Formatierer-Tools

  • CSS-/SCSS-Formatierer — Verschönere oder minimiere CSS/SCSS/LESS, sortiere Eigenschaften und entferne Duplikate.
  • JS-/TS-Formatierer — Verschönere JavaScript, TypeScript und JSX/TSX mit Prettier-Optionen oder minimiere reines JavaScript.
  • HTML-Formatierer — Verschönere oder minimiere HTML, formatiere eingebettetes CSS/JS und zeige eine Vorschau.
  • XML-Formatierer — Verschönere, minimiere und validiere XML und konvertiere XML ↔ JSON.
  • SQL-Formatierer — Formatiere SQL für MySQL, PostgreSQL, SQL Server, SQLite, BigQuery und Oracle.
  • GraphQL-Formatierer — Formatiere oder minimiere GraphQL-Abfragen und -Schemas, validiere die Syntax und extrahiere Operationen.
  • Dockerfile-Formatierer — Formatiere ein Dockerfile und erhalte Best-Practice- und Lint-Hinweise.
  • MongoDB-Query-Formatierer — Formatiere MongoDB-Shell-Abfragen und Aggregations-Pipelines.
  • Kontrast-Checker — Prüfe das WCAG-Kontrastverhältnis und ob AA/AAA zwischen zwei Farben bestanden wird.
  • Mermaid-Diagramm-Renderer — Rendere Mermaid-Diagramme (Fluss, Sequenz, Gantt) als SVG in deinem Browser.
  • SVG-Optimierer — Minimiere SVG: entferne Kommentare, Metadaten und Editor-Reste und reduziere Leerzeichen.
  • MongoDB-Query-Beautifier — Verschönere und rücke MongoDB-Abfragen und find()-Anweisungen in deinem Browser ein.

Alle Code-Formatierer-Tools ansehen (32) · Alle Tools