Zum Hauptinhalt springen

Markdown to HTML Konverter

Ein Tool zur Echtzeit-Konvertierung von Markdown-Syntax in HTML. Sehen Sie eine sofortige Vorschau Ihres Markdowns und generieren Sie HTML-Code.

Markdown Input

Preview

HTML Output

Hauptmerkmale​

  • Echtzeit-Markdown-Vorschau
  • Automatische HTML-Code-Generierung
  • Unterstützung verschiedener Markdown-Syntax
  • Ein-Klick-HTML-Kopie
  • 5 Beispielvorlagen bereitgestellt

Unterstützte Markdown-Syntax​

1. Überschriften​

# H1 Überschrift
## H2 Überschrift
### H3 Überschrift
#### H4 Überschrift
##### H5 Überschrift
###### H6 Überschrift

2. Textstile​

**Fetter Text** oder __Fetter Text__
*Kursiver Text* oder _Kursiver Text_
~~Durchgestrichen~~
`Inline-Code`

3. Listen​

## Ungeordnete Liste
- Element 1
- Element 2
  - Verschachteltes Element
  - Weiteres verschachteltes Element

## Geordnete Liste
1. Erstes Element
2. Zweites Element
3. Drittes Element
[Linktext](https://example.com)
![Alternativtext](BildURL)

5. Codeblöcke​

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

6. Zitate​

> Dies ist ein Zitat.
> Es kann sich über mehrere Zeilen erstrecken.

7. Tabellen​

| Kopfzeile1 | Kopfzeile2 | Kopfzeile3 |
|------------|------------|------------|
| Zelle1     | Zelle2     | Zelle3     |
| Zelle4     | Zelle5     | Zelle6     |

8. Horizontale Linien​

---
***
___

Anwendungsfälle​

Blog-Beitrag schreiben​

# Mein erster Blog-Beitrag

Hallo! Heute lernen wir über **Markdown**.

## Was ist Markdown?

Markdown ist eine leichtgewichtige Auszeichnungssprache,
die es ermöglicht, Dokumente mit *einfacher Syntax* zu schreiben.

### Vorteile
1. Leicht zu erlernen
2. Leicht zu lesen
3. Breite Plattformunterstützung

Dokumentation​

# API-Dokumentation

## Endpunkte

### GET /api/users

Ruft die Benutzerliste ab.

**Antwortbeispiel:**
```json
{
  "users": [
    {"id": 1, "name": "John"}
  ]
}

### README-Erstellung
```markdown
# Projektname

Eine kurze Beschreibung des Projekts

## Installation

```bash
npm install

Verwendung​

  1. Repository klonen
  2. Abhängigkeiten installieren
  3. Server starten

## Tipps

1. **Echtzeitprüfung**: Schreiben Sie Markdown links und sehen Sie die Vorschau sofort in der Mitte.

2. **HTML kopieren**: Verwenden Sie die Schaltfläche "Copy HTML" im rechten Bereich, um das generierte HTML zu kopieren.

3. **Beispiele verwenden**: Klicken Sie auf die Beispiel-Schaltflächen oben, um verschiedene Markdown-Syntaxen zu lernen.

4. **Blog schreiben**: Schreiben Sie Inhalte in Markdown und konvertieren Sie sie in HTML zur direkten Blog-Veröffentlichung.

5. **Dokumentation**: Nützlich für die Vorschau technischer Dokumente oder README-Dateien.

## Verwandte Tools

- [Base64 Encoder](/docs/playground/base64-encoder)
- [URL Encoder](/docs/playground/url-encoder)
- [HTML Formatter](/docs/playground/html-formatter)
- [Text Diff Checker](/docs/playground/text-diff-checker)