MDX-Konverter
Rendere MDX als Text, konvertiere HTML → MDX und escape Text zu MDX-Literalen.
Dein MDX, HTML und Text werden lokal in deinem Browser verarbeitet und nichts wird auf einen Server hochgeladen.
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
- Wähle oben einen Modus: MDX → Vorschau, HTML → MDX oder Text → MDX.
- Füge dein MDX, HTML oder deinen Klartext in das Eingabefeld ein (oder lade ein Beispiel).
- Prüfe die gerenderte Vorschau oder konvertierte Ausgabe rechts.
- 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
- Markdown-Vorschau — Rendere Markdown zu HTML mit Live-Vorschau.
- 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.
- HTML escapen / entescapen — Escape und entescape HTML-Sonderzeichen und -Entitäten.
- JSON zu Code — Erzeuge Typen für Go, Rust, Python, Java, Kotlin, C# und TypeScript aus JSON.
- Mermaid-Diagramm-Renderer — Rendere Mermaid-Diagramme (Fluss, Sequenz, Gantt) als SVG in deinem Browser.
- Groß-/Kleinschreibungs-Konverter — Konvertiere Text zwischen camelCase, snake_case, kebab-case, PascalCase und mehr.
- Text vergleichen — Vergleiche zwei Texte Zeile für Zeile und sieh Hinzufügungen und Löschungen.
Alle ArrayKit-Tools