Markdown Visualizer

Editor

85 Zeilen · 1.593 Zeichen

# Markdown Visualizer

## Einleitung

Dies ist ein **Beispieldokument**, das die wichtigsten Markdown-Elemente demonstriert.
Nutze den Editor links, um deinen eigenen *Markdown-Inhalt* zu schreiben.

## Formatierung

Text kann **fett**, *kursiv*, ~~durchgestrichen~~ oder `inline code` sein.
Auch [Links](https://example.com) und Kombinationen wie ***fett & kursiv*** sind möglich.

## Listen

### Ungeordnete Liste
- Erster Punkt
- Zweiter Punkt
  - Unterpunkt A
  - Unterpunkt B
- Dritter Punkt

### Geordnete Liste
1. Schritt eins
2. Schritt zwei
3. Schritt drei

### Aufgabenliste
- [x] Projekt erstellen
- [x] Markdown-Parser integrieren
- [ ] Dokumentation schreiben

## Code

Inline-Code: `const x = 42;`

```javascript
function greet(name) {
  return `Hallo, ${name}!`;
}

console.log(greet('Welt'));
```

```python
def fibonacci(n):
    a, b = 0, 1
    for _ in range(n):
        yield a
        a, b = b, a + b

print(list(fibonacci(10)))
```

## Zitate

> „Einfachheit ist die höchste Stufe der Vollendung."
> — Leonardo da Vinci

## Tabellen

| Feature | Status | Priorität |
|---------|--------|-----------|
| Live-Preview | ✅ Fertig | Hoch |
| TOC Navigation | ✅ Fertig | Hoch |
| PDF Export | ✅ Fertig | Mittel |
| Syntax Highlighting | ✅ Fertig | Mittel |

## Horizontale Linie

---

## Verschachtelte Überschriften

### Unterkapitel 1
Inhalt des ersten Unterkapitels.

### Unterkapitel 2
Inhalt des zweiten Unterkapitels.

#### Tiefere Ebene
Noch tiefere Verschachtelung für das Inhaltsverzeichnis.

## Fazit

Bearbeite den Text links, um die Live-Vorschau in Aktion zu sehen!

Editor

VorschauPreview