Krokanti Notes verwendet einen Rich-Text-Editor auf Basis von Tiptap. Du kannst im visuellen Editor schreiben oder mit dem <>-Button in der Toolbar in die Quelltext-Ansicht (Markdown) wechseln. Alle Standard-Markdown-Syntaxelemente werden unterstützt.

Zur Markdown-Ansicht wechseln

Klicke auf den <>-Button in der Editor-Toolbar, um zwischen visueller Ansicht und Quelltext-Ansicht (Markdown) umzuschalten. Dein Inhalt wird sofort konvertiert – du kannst reines Markdown schreiben und zurückwechseln, um das formatierte Ergebnis zu sehen.

Grundlegende Formatierung

**fetter Text**
*kursiver Text*
~~durchgestrichen~~
`Inline-Code`

Ergibt: fetter Text, kursiver Text, ~~durchgestrichen~~, Inline-Code

Überschriften

# Überschrift 1
## Überschrift 2
### Überschrift 3

Verwende Überschriften, um lange Notizen zu strukturieren. Überschrift 1 ist die größte, Überschrift 3 die kleinste.

Listen

Ungeordnete Liste

- Element eins
- Element zwei
  - Verschachteltes Element

Geordnete Liste

1. Erster Schritt
2. Zweiter Schritt
3. Dritter Schritt

Aufgabenliste (Checkliste)

- [ ] Nicht abgehakte Aufgabe
- [x] Abgeschlossene Aufgabe

Aufgabenlisten werden im visuellen Editor als interaktive Checkboxen gerendert – klicke, um sie umzuschalten, ohne die Quelle zu bearbeiten.

Links

[Linktext](https://example.com)

Um einen Link zu einer anderen Notiz in Krokanti Notes zu setzen, verwende die @Erwähnung-Funktion im visuellen Editor – tippe @ gefolgt vom Notiztitel und wähle aus dem Popup aus. Dadurch wird automatisch ein interner Link eingefügt.

Bilder

![Alt-Text](https://example.com/bild.png)

Du kannst Bilder auch direkt in den visuellen Editor einfügen oder Bilddateien per Drag-and-Drop hineinziehen – sie werden automatisch in dein persönliches CDN hochgeladen.

Code-Blöcke

Umschließe Code mit dreifachen Backticks und gib optional eine Sprache an:

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

Blockzitate

> Dies ist ein Blockzitat.
> Es kann mehrere Zeilen umfassen.

Tabellen

| Spalte A | Spalte B | Spalte C |
|----------|----------|----------|
| Zeile 1  | Daten    | Mehr     |
| Zeile 2  | Daten    | Mehr     |

Im visuellen Editor kannst du mit dem Tabellen-Button in der Toolbar per Klick eine Tabelle einfügen. Du kannst Zeilen und Spalten über das Kontextmenü hinzufügen/entfernen, das erscheint, wenn du in die Tabelle klickst.

Horizontale Linie

---

Eine horizontale Linie (---) zieht eine Trennlinie quer durch die Notiz.

Mermaid-Diagramme

Krokanti Notes unterstützt Mermaid-Diagramme innerhalb von umzäunten Code-Blöcken:

```mermaid
graph TD
  A[Start] --> B{Entscheidung}
  B -->|Ja| C[Aktion 1]
  B -->|Nein| D[Aktion 2]
```

Das Diagramm wird visuell im Editor und in öffentlichen Notizenansichten gerendert. Weitere Beispiele findest du im Mermaid-Diagramme-Leitfaden.

Tipps

Die Markdown-Quelle wird genau so gespeichert, wie sie geschrieben wurde. Das Wechseln zwischen visueller Ansicht und Quelltext-Ansicht verliert niemals Formatierungen – es ist eine verlustfreie Konvertierung.

Verwende --- am Anfang einer Zeile, um eine horizontale Linie zu erstellen (nicht zu verwechseln mit Frontmatter, das im Editor nicht verwendet wird)
Verschachtelte Listen funktionieren bis zu beliebiger Tiefe – rücke mit 2 Leerzeichen pro Ebene ein
Tabellen erhalten im visuellen Editor automatisch ein Kontextmenü mit Optionen zum Einfügen/Löschen von Zeilen/Spalten

Markdown-Leitfaden