Syntax-Feature
Code-Blöcke in Markdown
Code-Blöcke sind das Kern-Feature jedes Markdown-Editors. Fenced-Syntax mit Triple-Backtick ist Standard. Sprache nach den Backticks aktiviert Syntax-Highlighting.
Was ist das?
Code-Blöcke heben Code visuell vom Text ab — monospace Schrift, oft Hintergrund, optional Syntax-Highlighting. Markdown kennt zwei Syntaxen: Fenced (Triple-Backtick) und Indented (4 Leerzeichen).
Beispiele
Fenced Code-Block
```
let x = 1;
console.log(x);
```Mit Sprache (JavaScript)
```javascript
function greet(name) {
return `Hello, ${name}!`;
}
```Mit Sprache (Python)
```python
def greet(name):
return f"Hello, {name}!"
```Indented Code-Block (Legacy)
// Vier Leerzeichen Einrückung
let y = 2;Unterstützt von
NICHT unterstützt von
- Alle gängigen Plattformen unterstützen es.
Praxis-Tipps
- Verwende Fenced-Syntax mit Triple-Backtick. Indented-Syntax ist Legacy und schwerer zu lesen.
- Sprache nach den Backticks aktiviert Syntax-Highlighting in den meisten Renderern.
- Liste der highlight.js-Sprachen: js, ts, python, bash, json, css, html, markdown, yaml, sql, rust, go, java, csharp, php.
- Slack rendert Code-Blöcke monospace, aber ohne Highlighting.
- In Discord werden Sprachen erkannt, aber das Highlighting ist limitiert.
Häufige Fragen
Welche Sprachen unterstützt euer Editor?
Top-15 über highlight.js: JavaScript, TypeScript, Python, Bash, JSON, CSS, HTML, Markdown, YAML, SQL, Rust, Go, Java, C#, PHP. Weitere Sprachen ohne Highlighting (Plain-Monospace).
Was ist der Unterschied Fenced vs Indented?
Fenced (```) ist explizit, lesbar, erlaubt Sprache. Indented (4 Spaces) ist älter, kann mit Listen-Einrückung kollidieren. Wir empfehlen Fenced.
Wie escape ich Backticks im Code-Block?
Bei drei Backticks `````` als Sprache-Delimiter: vier Backticks ``````` aussen für Wrapper. Oder Indented-Syntax.
Im Editor ausprobieren
Live-Vorschau, Auto-Save, kein Account nötig.
Zum Editor