weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Markdown

Markdown

Mit diesem Bereich fügst du formatierten Text zu deiner Seite hinzu. Du kannst Überschriften, Listen, Links, fette und kursive Texte erstellen, ohne HTML-Code zu schreiben. Markdown ist eine einfache Formatierungssprache, die automatisch in schön aussehenden Text umgewandelt wird.

Voraussetzungen

  • Den Text, den du formatieren möchtest
  • Grundkenntnisse der Markdown-Syntax (wird unten erklärt)

Aufbau der Seite

Der Bereich besteht aus:

  • Eingabefeld: Hier gibst du deinen Text mit Markdown-Formatierung ein
  • Automatische Umwandlung: Der Text wird automatisch formatiert angezeigt
  • Responsive Design: Text passt sich an verschiedene Bildschirmgrößen an

So arbeitest du mit dieser Seite

Text eingeben

  1. Klicke in das große Textfeld "MarkdownContent"
  2. Gib deinen Text ein und verwende Markdown-Formatierung
  3. Der Text wird automatisch formatiert angezeigt

Markdown-Formatierung verwenden

Überschriften

# Große Überschrift (H1)
## Mittlere Überschrift (H2)
### Kleine Überschrift (H3)
#### Sehr kleine Überschrift (H4)

Textformatierung

**Fetter Text**
*Kursiver Text*
***Fett und kursiv***
~~Durchgestrichener Text~~

Listen

Aufzählungsliste:

- Erster Punkt
- Zweiter Punkt
- Dritter Punkt

Nummerierte Liste:

1. Erster Punkt
2. Zweiter Punkt
3. Dritter Punkt

[Linktext](https://www.example.com)
[E-Mail senden](mailto:info@firma.de)
[Anrufen](tel:+49123456789)

Absätze und Zeilenumbrüche

Erster Absatz.

Zweiter Absatz (durch Leerzeile getrennt).

Dritter Absatz.

Zitate

> Das ist ein Zitat.
> Es kann über mehrere Zeilen gehen.

Code

`Inline-Code` für kurze Code-Schnipsel

Code-Block für längeren Code

Tipps und Hinweise

  • Vorschau: Der formatierte Text wird sofort angezeigt
  • Zeilenumbrüche: Verwende Leerzeilen für neue Absätze
  • Links: Externe Links öffnen sich automatisch in neuen Fenstern
  • Bilder: Bilder können nicht direkt in Markdown eingefügt werden – verwende dafür separate Bild-Bereiche
  • HTML: Einfaches HTML funktioniert auch, aber Markdown ist einfacher

Häufig verwendete Kombinationen

Artikel-Struktur:

# Hauptüberschrift

Einleitungstext mit **wichtigen** Punkten.

## Erster Abschnitt

Text des ersten Abschnitts.

### Unterabschnitt

- Punkt 1
- Punkt 2
- Punkt 3

## Zweiter Abschnitt

Weiterer Text mit [einem Link](https://example.com).

Kontaktinformationen:

## Kontakt

**Adresse:**
Musterstraße 123
12345 Musterstadt

**Telefon:** [+49 123 456789](tel:+49123456789)
**E-Mail:** [info@firma.de](mailto:info@firma.de)
**Website:** [www.firma.de](https://www.firma.de)

FAQ-Bereich:

# Häufig gestellte Fragen

## Wie kann ich Sie erreichen?

Sie können uns per [E-Mail](mailto:info@firma.de) oder telefonisch unter [+49 123 456789](tel:+49123456789) erreichen.

## Welche Leistungen bieten Sie an?

Wir bieten:
- Beratung
- Entwicklung
- Support

Häufige Fehler vermeiden

Überschriften:

  • ✅ Richtig: # Überschrift (Leerzeichen nach #)
  • ❌ Falsch: #Überschrift (kein Leerzeichen)

Listen:

  • ✅ Richtig: - Punkt (Leerzeichen nach -)
  • ❌ Falsch: -Punkt (kein Leerzeichen)

Links:

  • ✅ Richtig: [Text](https://example.com)
  • ❌ Falsch: [Text] (https://example.com) (Leerzeichen)

Verwandte Seiten