Krokanti Notes utilise un éditeur de texte enrichi propulsé par Tiptap. Tu peux écrire dans l'éditeur visuel ou basculer en vue source (Markdown) avec le bouton <> dans la barre d'outils. Toute la syntaxe Markdown standard est prise en charge.

Passer en vue Markdown

Clique sur le bouton <> dans la barre d'outils de l'éditeur pour basculer entre les vues visuelle et source (Markdown). Ton contenu se convertit instantanément — tu peux écrire du Markdown brut et revenir pour voir le résultat formaté.

Mise en forme de base

**texte en gras**
*texte en italique*
~~barré~~
`code en ligne`

S'affiche comme : texte en gras, texte en italique, ~~barré~~, code en ligne

Titres

# Titre 1
## Titre 2
### Titre 3

Utilise les titres pour structurer les notes longues. Le Titre 1 est le plus grand, le Titre 3 le plus petit.

Listes

Liste non ordonnée

- Premier élément
- Deuxième élément
  - Élément imbriqué

Liste ordonnée

1. Première étape
2. Deuxième étape
3. Troisième étape

Liste de tâches (cases à cocher)

- [ ] Tâche non cochée
- [x] Tâche terminée

Les listes de tâches s'affichent sous forme de cases à cocher interactives dans l'éditeur visuel — clique pour basculer sans modifier la source.

Liens

[Texte du lien](https://example.com)

Pour créer un lien vers une autre note dans Krokanti Notes, utilise la fonctionnalité @mention dans l'éditeur visuel — tape @ suivi du titre de la note, puis sélectionne dans le menu contextuel. Cela insère automatiquement un lien interne.

Images

![Texte alternatif](https://example.com/image.png)

Tu peux aussi coller des images directement dans l'éditeur visuel, ou glisser-déposer des fichiers image — ils sont téléchargés automatiquement sur ton CDN personnel.

Blocs de code

Encadre le code avec des triples backticks et spécifie éventuellement un langage :

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

Citations

> Ceci est une citation.
> Elle peut s'étendre sur plusieurs lignes.

Tableaux

| Colonne A | Colonne B | Colonne C |
|-----------|-----------|-----------|
| Ligne 1   | Données   | Plus      |
| Ligne 2   | Données   | Plus      |

Dans l'éditeur visuel, utilise le bouton tableau de la barre d'outils pour insérer un tableau d'un clic. Tu peux ajouter/supprimer des lignes et des colonnes avec le menu contextuel qui apparaît lorsque tu cliques dans le tableau.

Ligne horizontale

---

Une ligne horizontale (---) trace une ligne de séparation à travers la note.

Diagrammes Mermaid

Krokanti Notes prend en charge les diagrammes Mermaid dans les blocs de code délimités :

```mermaid
graph TD
  A[Début] --> B{Décision}
  B -->|Oui| C[Action 1]
  B -->|Non| D[Action 2]
```

Le diagramme s'affiche visuellement dans l'éditeur et dans les vues de notes publiques. Consulte le guide des diagrammes Mermaid pour plus d'exemples.

Conseils

La source Markdown est conservée exactement telle qu'elle est écrite. Basculer entre la vue visuelle et la vue source ne perd jamais la mise en forme — c'est une conversion sans perte.

Utilise --- en début de ligne pour créer une ligne horizontale (à ne pas confondre avec le frontmatter, qui n'est pas utilisé dans l'éditeur)
Les listes imbriquées fonctionnent à n'importe quelle profondeur — indente avec 2 espaces par niveau
Les tableaux disposent automatiquement d'un menu contextuel avec des options d'insertion/suppression de lignes/colonnes dans l'éditeur visuel

Guide Markdown