Markdown zu HTML Konverter Anleitung

Schnellstart

1. Besuchen Sie die /markdown-to-html/ Seite
2. Geben Sie Markdown-Code in den linken Editor ein oder fügen Sie ihn ein
3. Die konvertierte HTML-Vorschau wird automatisch rechts angezeigt
4. Verwenden Sie die Kopier- oder Download-Schaltfläche, um das Ergebnis zu speichern

Funktionsbeschreibung

Konvertierungsmodi

• Echtzeit-Konvertierung: Automatische Konvertierung bei Markdown-Eingabe (Standard)
• Manuelle Konvertierung: Konvertierung durch Klick auf die Konvertierungsschaltfläche

Konvertierungsoptionen

• GFM-Unterstützung: GitHub Flavored Markdown-Erweiterungssyntax aktivieren
• Format anpassbar: Markdown-Ausgabeformat kann angepasst werden

Aktionsschaltflächen

• Beispiel einfügen: Beispiel-Markdown-Code zum Testen einfügen
• Löschen: Alle Inhalte löschen
• Kopieren: HTML-Ergebnis in die Zwischenablage kopieren
• Download: Konvertierte .html-Datei herunterladen

Unterstützte Markdown-Elemente

Grundelemente

• Überschriften: # H1 - ###### H6
• Absätze: Normaler Text
• Hervorhebung: **Fett**, *Kursiv*
• Links: [Text](URL)
• Bilder: ![alt](URL)
• Listen: - Unsortiert, 1. Sortiert
• Code: `Inline`, Codeblock

Erweiterte Elemente

• Tabellen: | Spalte1 | Spalte2 |
• Zitate: > Zitatinhalt
• Horizontale Linie: ---
• Durchgestrichen: ~~Durchgestrichen~~

GitHub Flavored Markdown (GFM)

• Aufgabenlisten: - [ ] Nicht erledigt, - [x] Erledigt
• Tabellen
• Durchgestrichener Text
• Automatische Links

Verwendungstipps

1. Komplexes Markdown: Bei komplexen Markdown-Strukturen wird empfohlen, abschnittsweise zu konvertieren
2. Tabellenkonvertierung: Stellen Sie sicher, dass die Tabellenstruktur vollständig ist und die richtigen Trennzeichen verwendet werden
3. Codeblöcke: Verwenden Sie drei Backticks, um Codeblöcke zu umschließen und geben Sie die Sprache an
4. Link-Verarbeitung: Relative Links bleiben unverändert

Beispielcode

Basis Markdown

# Überschrift

Dies ist ein Absatz mit **fettem** und *kursivem* Text.

## Listen

- Element 1
- Element 2
- Element 3

### Code

```javascript
function hello() {
  console.log("Hello, World!");
}

Links und Bilder

Beispiel-Website besuchen

### Tabellenbeispiel
```markdown
| Funktion | Unterstützung | Beschreibung |
|------|------|------|
| Überschriften | ✅ | H1-H6 |
| Listen | ✅ | Sortiert und unsortiert |
| Code | ✅ | Inline und Block |
| Tabellen | ✅ | GFM-Erweiterung |

Hinweise

• Alle Konvertierungen werden lokal im Browser durchgeführt und nicht auf den Server hochgeladen
• Einige komplexe Markdown-Strukturen können möglicherweise nicht perfekt konvertiert werden
• Es wird empfohlen, das Ergebnis nach der Konvertierung zu überprüfen und bei Bedarf anzupassen
• Unterstützt alle Standard-Markdown-Syntax und GFM-Erweiterungen