Markdown zu React-Komponente
Markdown online in React-Komponente konvertieren. Generiert eine sofort verwendbare TSX-Komponente mit dangerouslySetInnerHTML und DOMPurify. Sofort kopieren oder herunterladen.
.md-Dateien hier ablegen oder klicken zum Auswählen
Mehrere Dateien unterstützt
Generiert eine React-Funktionskomponente, die Ihr Markdown als HTML mit marked und DOMPurify rendert. Enthält die 'use client'-Direktive, typisierte Importe und einen Verwendungskommentar — bereit zum Einfügen in jedes React- oder Next.js-Projekt.
Kostenloser Markdown-Konverter — HTML, PDF, Word, Slack, React
Ein Browser-basierter Markdown-Konverter, der .md-Dateien in HTML, Word-Dokumente, Slack-Nachrichten, React-Komponenten oder druckbare PDFs transformiert — ohne etwas auf einen Server hochzuladen.
Markdown zu HTML
In sauberes, semantisches HTML5 konvertieren. Vollständiges Dokument oder rohen Fragment mit ordentlicher Bereinigung erhalten.
Markdown zu PDF
Druckqualitäts-A4-PDF-Export mit dem nativen Druckmodul des Browsers.
Markdown zu Word
.doc-Datei herunterladen, die in Microsoft Word, Google Docs und LibreOffice öffnet.
Markdown zu Slack
In Slacks mrkdwn-Format konvertieren: *fett*, _kursiv_, ~durchgestrichen~, <url|text>.
Markdown zu React
Sofort verwendbare React-Komponente mit dangerouslySetInnerHTML und DOMPurify generieren.
Batch-Konvertierung
Mehrere .md-Dateien hochladen und alle konvertierten Dateien in einem ZIP herunterladen.
Wie man Markdown konvertiert
- 1
Markdown in den Eingabebereich einfügen oder in den Batch-Modus wechseln, um mehrere .md-Dateien hochzuladen.
- 2
Ausgabeformat auswählen: HTML, PDF, Word, Slack oder React.
- 3
Auf 'Konvertieren & Herunterladen' klicken — die Datei wird sofort auf das Gerät heruntergeladen.
Häufig gestellte Fragen
Welche Bibliotheken verwendet die Komponente?
marked für Markdown-Parsing und DOMPurify für XSS-Bereinigung. Installieren mit: npm install marked dompurify @types/dompurify
Ist dangerouslySetInnerHTML sicher?
Ja, da das HTML mit DOMPurify bereinigt wird, bevor es gerendert wird, was XSS-Vektoren entfernt. Dies ist das standardmäßige sichere Muster für dynamisches HTML in React.
Funktioniert es mit Next.js?
Ja. Die Komponente enthält die 'use client'-Direktive, da DOMPurify die Browser-Umgebung benötigt. Funktioniert in jedem React 18+ oder Next.js 13+ Projekt.