Markdown-Anleitung

Kurzreferenz für Markdown-Syntax in PlainApp-Notizen — Überschriften, Listen, Tabellen, Codeblöcke und mehr.

Überschriften

Setze # an den Zeilenanfang — die Anzahl der # legt die Ebene fest, von 1 (größte) bis 6 (kleinste). Lasse vor und nach einer Überschrift eine Leerzeile.

Markdown
# Heading level 1
## Heading level 2
### Heading level 3
#### Heading level 4
##### Heading level 5
###### Heading level 6
Ergebnis

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6

Tipp: Die Überschriften-Schaltfläche in der PlainApp-Editorleiste fügt diese automatisch ein.

Absätze & Zeilenumbrüche

Trenne Absätze mit einer Leerzeile. Für einen Zeilenumbruch innerhalb eines Absatzes setze einen Backslash ans Zeilenende.

Markdown
First paragraph.

Second paragraph.
Ergebnis

First paragraph.

Second paragraph.

Markdown
Line one\
Line two
Ergebnis

Line one
Line two

Fett & Kursiv

Umgebe Text mit doppelten Sternchen für fett oder einfachen für kursiv. Zwei Tilden erzeugen Durchgestrichenes.

Markdown
**bold text**
Ergebnis

bold text

Markdown
*italic text*
Ergebnis

italic text

Markdown
~~struck through~~
Ergebnis

struck through

Markdown
**bold and *nested italic***
Ergebnis

bold and nested italic

Listen

Beginne eine Zeile mit - für einen Aufzählungspunkt oder 1. für eine nummerierte Liste. Mit Leerzeichen einrücken zum Verschachteln. Nutze - [ ] für eine Checkliste und - [x] wenn erledigt.

Markdown
- One
- Two
- Three
Ergebnis
  • One
  • Two
  • Three
Markdown
1. First
2. Second
3. Third
Ergebnis
  1. First
  2. Second
  3. Third
Markdown
- [ ] Buy milk
- [x] Write the note
Ergebnis
  • Buy milk
  • Write the note
Markdown
- Fruit
  - Apple
  - Banana
- Vegetable
Ergebnis
  • Fruit
    • Apple
    • Banana
  • Vegetable

Zitate & Hinweisboxen

Beginne eine Zeile mit > für ein Zitat. In PlainApp macht > [!note] daraus eine Hinweisbox.

Markdown
> This is a blockquote.
Ergebnis

This is a blockquote.

Markdown
> [!note] Heads up
> This renders as a callout box in PlainApp.
Ergebnis

[!note] Heads up This renders as a callout box in PlainApp.

Code

Umgehe Inline-Code mit einfachen Backticks. Verwende dreifache Backticks für einen Codeblock — ein Sprachname dahinter aktiviert Syntax-Highlighting.

Markdown
Use `inline code` for short snippets.
Ergebnis

Use inline code for short snippets.

Markdown
```js
console.log("hello");
```
Ergebnis
console.log("hello");

Tipp: Die Code-Schaltfläche in der Editorleiste fügt Inline-Code und Codeblöcke ein.

Bilder

Wie ein Link, nur mit Ausrufezeichen davor: ![Alt-Text](Bild-URL).

Markdown
![PlainApp logo](/plainapp.svg)
Ergebnis

PlainApp logo

Tabellen

Baue Tabellen mit senkrechten Strichen

Markdown
| Left | Center | Right |
|:-----|:------:|------:|
| a    | b      | c     |
| d    | e      | f     |
Ergebnis
Left Center Right
a b c
d e f

Tipp: Die Tabellen-Schaltfläche in der Editorleiste fügt ein leeres Tabellengerüst ein.

Trennlinien

Drei oder mehr Bindestriche, Sternchen oder Unterstriche in eigener Zeile erzeugen eine Trennlinie. Lasse darüber eine Leerzeile, sonst wird die Zeile davor zur Überschrift.

Markdown
First section.

---

Second section.
Ergebnis

First section.


Second section.

Zeichen escapen

Stelle einen Backslash vor Zeichen, die Markdown sonst formatieren würde, etwa * _ # oder Backtick.

Markdown
\*not italic\*
Ergebnis

*not italic*

Markdown
\# not a heading
Ergebnis

# not a heading

Inline-HTML

PlainApp rendert auch einige HTML-Tags in Notizen: Unterstreichung, Hervorhebung, farbiger Text und aufklappbare Details.

Markdown
<u>underlined text</u>
Ergebnis

underlined text

Markdown
<mark>highlighted text</mark>
Ergebnis

highlighted text

Markdown
<font color="#8b5cf6">colored text</font>
Ergebnis

colored text

Markdown
<details>
<summary>Click to expand</summary>
Hidden content here.
</details>
Ergebnis
Click to expand Hidden content here.

Mathe & mehr

Hochgestellt x^2^, tiefgestellt H~2~O, Inline-Mathe $E = mc^2$, Mathe-Blöcke mit $$, Fußnoten [^1] und %% Kommentare %%, die unsichtbar bleiben.

Markdown
x^2^ + y^3^
Ergebnis

x^2^ + y^3^

Markdown
H~2~O
Ergebnis

H2O

Markdown
Inline math $E = mc^2$ and a block:
$$
a^2 + b^2 = c^2
$$
Ergebnis

Inline math $E = mc^2$ and a block: $$ a^2 + b^2 = c^2 $$

Markdown
See the footnote[^1] for details.

[^1]: This is the footnote text.
Ergebnis

See the footnote[^1] for details.

[^1]: This is the footnote text.

Markdown
%% This comment stays hidden in PlainApp %%
Ergebnis

%% This comment stays hidden in PlainApp %%

Tipp: In PlainApp-Notizen werden Mathe, Fußnoten und Hinweisboxen als Rich-Elemente gerendert; die Spalte „Ergebnis" hier zeigt die einfache Web-Ausgabe.